Promise.all()：和谐共舞，等待所有承诺兑现**

2024-01-10 08:37:31

理解Promise.all()方法
Promise.all()方法的基本用法

Promise.all()方法接受一个数组作为参数，数组中的每个元素都是一个Promise对象。当Promise.all()方法被调用时，它会依次执行每个Promise对象，等待它们全部完成。如果所有Promise对象都成功完成，那么Promise.all()方法也会成功完成，并将结果作为数组返回。如果任何一个Promise对象失败，那么Promise.all()方法也会失败，并将错误信息作为参数传递给其catch()方法。

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1 fulfilled');
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 2 fulfilled');
  }, 2000);
});

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('Promise 3 rejected');
  }, 3000);
});

Promise.all([promise1, promise2, promise3])
  .then((results) => {
    console.log(results); // ['Promise 1 fulfilled', 'Promise 2 fulfilled', 'Promise 3 rejected']
  })
  .catch((error) => {
    console.error(error); // 'Promise 3 rejected'
  });

在这个示例中，我们创建了三个Promise对象，并将它们传递给Promise.all()方法。当Promise.all()方法被调用时，它会等待所有三个Promise对象完成。由于promise3被拒绝，因此Promise.all()方法也会被拒绝，并将错误信息传递给其catch()方法。

Promise.all()方法的原理

Promise.all()方法的原理是使用Promise.race()方法。Promise.race()方法接受一个数组作为参数，数组中的每个元素都是一个Promise对象。当Promise.race()方法被调用时，它会依次执行每个Promise对象，一旦其中任何一个Promise对象完成，那么Promise.race()方法也会完成。

Promise.all()方法使用Promise.race()方法来创建一个新的Promise对象。这个新的Promise对象的状态取决于数组中所有Promise对象的状态。如果所有Promise对象都成功完成，那么这个新的Promise对象也会成功完成。如果任何一个Promise对象失败，那么这个新的Promise对象也会失败。

Promise.all()方法的常见问题

在使用Promise.all()方法时，可能会遇到以下常见问题：

如果数组中的某个Promise对象永远不会完成，那么Promise.all()方法也会永远等待下去。 为了避免这种情况，可以设置一个超时时间，如果超时时间到了，那么Promise.all()方法就会失败。
如果数组中的某个Promise对象被拒绝，那么Promise.all()方法也会被拒绝。 这种情况下，Promise.all()方法会将错误信息作为参数传递给其catch()方法。
Promise.all()方法不会改变数组中Promise对象的状态。 这意味着，即使Promise.all()方法成功完成，数组中的Promise对象仍然可能是pending状态或rejected状态。

Promise.all()方法的应用场景

Promise.all()方法在以下场景中非常有用：