javascript – Promise.all()没有以预期的顺序解决承诺

如果我正确理解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!

正是我们想要的.

解决方法:

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

在另外两个“解决”之后,第三个承诺“拒绝”,所以前两个在最后一个被解决之前被拒绝的事实是预期的

顺便说一句,你的前两个承诺是解析未定义的值并输出到控制台 – 这就是为什么你可能会认为Promise.all正在做一些它不应该做的事情

Do I need to compose my promises differently to see the behavior I’m expecting?

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