Question

如果我正确理解Promise.all（），我希望这段代码需要5秒才能输出拒绝承诺的原因

。

function firstAsyncFunction() {
  return new Promise(function(resolve, reject){
    setTimeout(function(){
      resolve(console.log('First async function has been resolved!'));
    }, 500);
  });    
}

function secondAsyncFunction() {
  return new Promise(function(resolve, reject) {
    setTimeout(function(){
      resolve(console.log('Second async function has been resolved!'));
    }, 2000);
  });
}

function thirdAsyncFunction() {
  return new Promise(function(resolve, reject) {      
    setTimeout(function() {              
      reject('Internal server error'); // rejected for some reason
    }, 5000);    
  });
};

Promise.all([secondAsyncFunction(), firstAsyncFunction(), thirdAsyncFunction()])
    .then(function(values){        
      values.forEach(function(value){
        console.log(value);
      });

    }).catch(function(err){
      console.log(err);
    });

相反，前两个承诺解决，然后最终承诺拒绝。此外，前两个承诺甚至不按它们传递给Promise.all（）的顺序解析。我是否需要以不同的方式撰写我的承诺才能看到我期待的行为？

被修改

Promise.all（）确实会等到迭代中的所有promise都传递给它解析。我的第一个线索是控制台输出undefined（感谢Jaromanda X）。如果我在解析为firstAsyncFunction（）和secondAsyncFunction（）时删除对console.log（）的调用，则下面的代码完全按照我的预期工作：

function firstAsyncFunction() {
  return new Promise(function(resolve, reject){
    setTimeout(function(){
      resolve('First async function has been resolved!');
    }, 1000);
  });    
}

function secondAsyncFunction() {
  return new Promise(function(resolve, reject) {
    resolve('Second async function has been resolved!');      
  });
}

function thirdAsyncFunction() {
  return new Promise(function(resolve, reject) {      
    setTimeout(function() {      
      reject('Internal server error');
    }, 5000);
  });
};

Promise.all([
  thirdAsyncFunction(), 
  firstAsyncFunction(), 
  secondAsyncFunction()
])
 .then(function(values){        
   values.forEach(function(value){
     console.log(value);
   });
 })
 .catch(function(err){
   console.log(err);
 });

五秒钟后，我看到“内部服务器错误”。 Promise.all（）拒绝其他承诺，即使它们比被拒绝的承诺更早解决。是的，Promise.all（）解析的值将与作为参数传入的iterable中的promise相同。谢谢你的帮助！

又一个例子：

function firstAsyncFunction() {
  return new Promise(function(resolve, reject){
    setTimeout(function(){
      resolve('First async function has been resolved!');
    }, 1000);
  });    
}

function secondAsyncFunction() {
  return new Promise(function(resolve, reject) {
    resolve('Second async function has been resolved!');      
  });
}

function thirdAsyncFunction() {
  return new Promise(function(resolve, reject) {      
    setTimeout(function() {
      resolve({
        users: [
          { name: 'Ronnie', age: 22 },
          { name: 'Bobby', age: 21 },
          { name: 'Ricky', age: 21 },
          { name: 'Mike', age: 20 }
        ]
      });
    }, 5000);
  });
};

Promise.all([thirdAsyncFunction(), firstAsyncFunction(), secondAsyncFunction()])
  .then(function(values){        
    values.forEach(function(value){
      console.log(value);
    });
  })
  .catch(function(err){
    console.log(err);
  });

五秒后，此代码将输出：

{ users: 
   [ { name: 'Ronnie', age: 22 },
     { name: 'Bobby', age: 21 },
     { name: 'Ricky', age: 21 },
     { name: 'Mike', age: 20 } ] }
First async function has been resolved!
Second async function has been resolved!

正是我们想要的。

Answer 1

只有在所有承诺都已解决或其中一个承诺被拒绝后，才会调用Promise.all的then或catch函数。个人承诺可以按任何顺序解决（这是承诺的全部要点 - 它们是异步的，可以随时完成它们应该做的事情）

那就是说，如果你用不同的方式标记你的Promise.all console.log会更清楚，就像这样

Promise.all([secondAsyncFunction(), firstAsyncFunction(), thirdAsyncFunction()])
    .then(function (values) {
        values.forEach(function (value) {
            console.log('then:' + value);
        });

    }).catch(function (err) {
        console.log(err);
    });

你可能会混淆promise中的console.log和then回调中的。

Answer 2

Promise.all不对承诺施加任何命令，它们在履行时履行

第三个承诺＆＃34;拒绝＆＃34;在其他两个＆＃34;解决＆＃34;之后，所以前两个在最后一个被解决之前被解决的事实是可以预期的

顺便提一下，你的前两个承诺是解析值undefined并输出到控制台 - 这就是为什么你可能会认为Promise.all正在做一些它不应该做的事情

我是否需要以不同的方式撰写我的承诺才能看到我期待的行为？

你不会完全得到你期望的行为，因为你期望承诺以特定的顺序解决，唯一可能发生的方式是承诺在它能够实现之前等待前一个承诺，所以时间是累积的，而不是平行的，所以在这种情况下，你不会得到7.5秒的拒绝，而不是你预期的＃5;＃34;

Answer 3

只是为了补充别人所说的话。

Promise.all 不按顺序运行。

以下是在ES6中顺序运行异步功能的示例

/**
 * Runs async functions sequentially
 * @param Function[]
 * @return Promise<any>
 */
function runSequentially(functions) {
    return functions.reduce((promise, next) => {
        return promise.then(next);
    }, Promise.resolve());
}


/**
 * Full Example
 */

function foo()
{
    return new Promise(( resolve, reject )=>{
        resolve();
    })
}

function boo() {
    return new Promise((resolve, reject) => {
        resolve();
    })
}

function baz() {
    return new Promise((resolve, reject) => {
        resolve();
    })
}

const functions = [foo, boo, baz];

runSequentially(functions).then((result) => {

}).catch((error) => {

});

Answer 4

Promise.all运行您并行传递的所有Promise。当Promises不相互依赖而你需要同时执行这两项时，这很有用。例如，在集成测试中，您需要使用服务器注册两个客户端。你需要等待两者都完成，但同时启动两者会使你的等待时间缩短一半。

如果你想按顺序运行它们，你可以链接你的Promises，将结果从一个返回到下一个：

firstAsyncFunction
  .then(secondAsyncFunction)
  .then(thirdAsyncFunction)
  .then(function(values) {
    console.log(values)
  }, function(err) {
    console.log(err);
  });

如果您希望从所有三个调用中返回聚合数据，您还需要修改您的promise以在数组（或对象）中返回它们的值。例如：

firstAsyncFunction接受userId并返回{ name: 'Bob' }
secondAsyncFunction接受userObject并返回{ name: 'Bob', car: 'Porsche' }
thirdAsyncFunction接受userObject并返回{ name: 'Bob', car: 'Porsche', kids: 5 }

Promise.all（）没有以预期的顺序解决承诺

4 个答案: