Promises and concurrency

Question

我會再次提出這個問題，因爲我上次沒有正確的問題。

假設我有jQuery選擇的集合中的數組：

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

我想通過這些選擇進行迭代，如果menu不存在，那麼如果click存在，然後單擊...

這是麻煩開始的地方。我需要點擊一次，然後在再次點擊之前進行超時 - 這允許菜單由另一個腳本構建，而第二次點擊將隱藏它。

我想用Promise來規範所有這些點擊。這就像建立一連串的鞭炮，然後照亮第一個......但諾言立即執行。我該怎麼做呢？

我可以在普通的老式JS中編寫代碼，但我想學習其他方法。一些涉及all或map，我想。

Answer 1

正如你可以在這裏看到：

圖片來源：MDN

您可以使用onFulfillment回調的承諾得到滿足後，做你的工作neccessary。

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'); 
}); 

這是藍鳥，如果那件事。我不知道藍鳥相當於$.when(1)。