Promises和并发

Question

我要再问一次这个问题，因为我上次没有想到正确的问题。

假设我有一个数组中的jQuery选择器集合：

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

我想遍历这些选择器，如果menu不存在，那么如果click存在，那么单击...

这就是麻烦开始的地方。我需要单击一次，然后在再次单击之前进行超时-这允许菜单由另一个脚本构建，第二次单击将隐藏它。

我想用Promise来规范所有的点击。这就像架起一串鞭炮，然后点燃第一个……但承诺会立即执行。我该怎么做呢？

我可以用普通的JS编写代码，但我想学习其他方法。我猜是和all或map有关的东西。

Answer 1

这是我想出来的。打败了一头三条腿的毛驴。

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)的等价物。

Answer 2

正如你在这里看到的：

​

​

图片来源：

在promise实现后，您可以使用onFulfillment回调来完成必要的工作。