如何在 ES11 中使用 Promise.allSettled 方法处理多个 Promise

在前端开发中，经常会遇到需要同时处理多个异步请求的情况。ES6 中引入了 Promise 对象来解决这个问题，但是在处理多个 Promise 时，我们需要使用 Promise.all 方法，如果其中有一个 Promise 出现了错误，整个 Promise.all 就会中断。而在 ES11 中，新增了 Promise.allSettled 方法，可以更加灵活地处理多个 Promise。

Promise.allSettled 方法的介绍

Promise.allSettled 方法可以接收一个 Promise 数组作为参数，返回一个新的 Promise，该 Promise 在数组中所有 Promise 都被处理完毕后才会被 resolve。与 Promise.all 不同的是，Promise.allSettled 不会在任何一个 Promise 出现错误时中断。

Promise.allSettled 方法返回的 Promise 的状态只有两种：fulfilled 和 rejected。当所有 Promise 都成功执行时，Promise.allSettled 的返回值是一个数组，数组中的每个对象都包含了 Promise 的状态和结果；当其中有 Promise 出现错误时，Promise.allSettled 的返回值也是一个数组，数组中的每个对象都包含了 Promise 的状态和错误信息。

Promise.allSettled 方法的使用

下面是一个使用 Promise.allSettled 方法的示例：

// javascriptcn.com 代码示例
const promises = [
  Promise.resolve(1),
  Promise.reject('error'),
  Promise.resolve(3)
];

Promise.allSettled(promises)
  .then(results => {
    results.forEach(result => {
      console.log(result.status);
      if (result.status === 'fulfilled') {
        console.log(result.value);
      } else {
        console.log(result.reason);
      }
    });
  });

输出结果为：

fulfilled
1
rejected
error
fulfilled
3

从输出结果可以看出，Promise.allSettled 方法返回了一个数组，数组中包含了每个 Promise 的状态和结果。

Promise.allSettled 方法的指导意义

在实际开发中，我们经常会遇到需要同时处理多个异步请求的情况。使用 Promise.allSettled 方法可以更加灵活地处理多个 Promise，避免了在 Promise.all 中错误中断的情况，同时也可以更加清晰地获取每个 Promise 的状态和结果，方便我们进行后续的处理。

总结

Promise.allSettled 方法是 ES11 中新增的方法，可以更加灵活地处理多个 Promise。在实际开发中，我们可以利用 Promise.allSettled 方法更加方便地处理多个异步请求，同时也可以更加清晰地获取每个 Promise 的状态和结果，方便我们进行后续的处理。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655f5212d2f5e1655d98782c