JS Promise.all详解|极客笔记

JS Promise.all详解

在 JavaScript 中，Promise 是一种用于处理异步操作的对象。当我们需要处理多个异步操作，并且在所有操作完成后执行某些任务时，Promise.all 就是一个非常有用的工具。

什么是 Promise.all？

Promise.all 方法接收一个由 Promise 对象组成的数组作为参数，并返回一个 Promise 对象。这个 Promise 对象在数组中所有的 Promise 对象都成功时才会变为成功状态，一旦有任何一个 Promise 对象失败，那么整个 Promise.all 就会失败。

Promise.all 使用示例

下面是一个简单的示例，展示了如何使用 Promise.all 来处理多个异步操作：

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

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

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

Promise.all([promise1, promise2, promise3])
  .then((values) => {
    console.log(values);
  })
  .catch((error) => {
    console.log(error);
  });

在这个示例中，我们创建了三个 Promise 对象，分别对应三个异步操作。然后使用 Promise.all 来同时处理这三个异步操作。当所有的异步操作都完成后，Promise.all 返回一个包含所有成功结果的数组。

Promise.all 错误处理

需要注意的是，如果 Promise.all 中有任何一个 Promise 对象失败，整个 Promise.all 就会立即失败，这时我们可以通过 catch 方法来捕获失败的原因。

下面是一个包含一个失败 Promise 对象的示例：

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

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

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

Promise.all([promise1, promise2, promise3])
  .then((values) => {
    console.log(values);
  })
  .catch((error) => {
    console.log(error);
  });

在这个示例中，Promise 2 是一个失败的 Promise 对象，所以整个 Promise.all 会立即失败，并输出 “Promise 2 失败”。