ECMAScript 2021：Promise.allSettled 方法的解释及使用-JavaScript中文网-JavaScript教程资源分享门户

前端开发中，经常使用异步编程来处理网络请求、发起异步操作等，Promise 功能就成为了解决这种问题的利器之一。而在 ECMAScript 2021 版本中，新增了 Promise.allSettled 方法，可以用于处理所有 Promise 实例的结果。

Promise.allSettled 方法的作用

Promise.allSettled 将会等到所有的 promise 都完成，包括 fulfilled 和 rejected，然后返回所有 resolve 值和 reject 值的信息。

Promise.allSettled 方法的使用

Promise.allSettled 的使用非常简单，只需要使用 Promise.allSettled() 方法，然后传递包含 Promise 实例的数组。方法返回一个 Promise，该 Promise 的状态始终处于 fulfilled 状态。

示例代码如下：

const promises = [Promise.resolve(1), Promise.reject(2), Promise.resolve(3)];
Promise.allSettled(promises)
  .then((results) => {
    console.log(results);
    // → [{status: "fulfilled", value: 1},
    //    {status: "rejected", reason: 2},
    //    {status: "fulfilled", value: 3}]
  });

比较常见的使用场景是：对于多个异步请求，我们常常只需要其中一个请求的结果，而不需要等待所有请求完成。此时，Promise.allSettled 就派上用场了。

Promise.allSettled 方法的返回值

Promise.allSettled 的返回值是个数组，数组的元素是所有被处理的 Promise 实例的信息。每个对象都有两个属性，一个是 status，表示状态，它的值只有两种情况：fulfilled 或 rejected，另外一个是相应的值或原因 reason。

总结

Promise.allSettled 方法是 ECMAScript 2021 新增的 API，用于处理一组异步操作的返回结果，返回的是一个 Promise，其中封装了所有 Promise 实例的状态及结果。在实际使用中，需要注意返回值的结构和使用方式，合理使用 Promise.allSettled 可以极大地优化异步编程。

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