Обещания и параллелизм

Question

Я снова задам этот вопрос, потому что в последний раз у меня не было правильной проблемы.

Предположим, у меня есть коллекция JQuery селекторы в массиве:

[{menu:'.menu-a',click:'.menu-a-click'},...] 

Я хочу перебирать этих селекторов, и если menu не существует, то, если click существует, то нажмите ...

Здесь начинается проблема. Мне нужно щелкнуть один раз, затем выполнить тайм-аут, прежде чем снова щелкнуть - что позволяет создавать меню другим сценарием, а второй щелчок скроет его.

Я хочу использовать Promises для регулирования всего этого щелчка. Это было бы похоже на создание цепочки фейерверков, а затем освещение первого ... но обещания сразу выполняются. Как мне это сделать?

Я могу закодировать его в простой старой JS, но я хочу изучить другие методы. Что-то с участием all или map, я полагаю.

Answer 1

Как вы можете увидеть здесь:

источника изображения: MDN

Вы можете использовать onFulfillment обратный вызов, чтобы сделать свою работу после того, как необходимое обещание выполнено.

Answer 2

Вот что я придумал. Бьет трехногий осел.

var menus=[{id:0},{id:1},{id:2},{id:3}]; 

function doer(menu){ 
    return new Promise(function called(res,rej){ 
     console.log('click1:'+menu.id); 
     setTimeout(function(){ 
     if(menu.id===2){return rej(new Error('could not'));} 
     console.log('click2:'+menu.id); 
     res(1);// happy 
     },Math.random()*8000); 
    }); 
} 

Promise.reduce(menus,function(ctr,cur,i){ 
    return doer(menus[i]).then(function(res,rej){ 
    console.log('happy:',res); 
    }); 
},$.when(1)).then(function(){ 
    console.log('everyones done'); //no errors 
}).catch(function(eee){ 
    console.log('Error:',eee); 
}).finally(function(){ 
    console.log('finally'); 
}); 

Это Bluebird, если это имеет значение. Я не знаю эквивалент Bluebird $.when(1).