在ES9中，Promise新增了一个非常实用的方法——Promise.allSettled()。这个方法可以在一个数组中同时运行多个Promise，并且无论每一个Promise是否执行成功，都返回一个结果数组，其中包含每一个Promise的执行结果。本文将深入探讨Promise.allSettled()的相关内容。
Promise的状态
在了解Promise.allSettled()之前，我们需要先了解一下Promise的三种状态：Pending(等待中)、Fulfilled(已成功)和Rejected(已失败)。
当我们创建了一个Promise实例时，它的状态都是Pending，表示等待执行中。当Promise实例的状态变成Fulfilled或Rejected时，就认为是已完成或已失败。
在Promise实现中，Fulfilled状态表示对应Promise对象的resolve()方法被调用，Rejected状态表示对应Promise对象的reject()方法被调用。
Promise.allSettled()方法
Promise.allSettled()方法接收一个Promise数组作为参数，它会返回一个Promise对象，这个Promise对象在所有Promise对象的状态都转换为Fulfilled或Rejected时才会执行完成。
这个Promise的返回结果是一个数组对象，该数组中的每个元素代表一个Promise执行的结果，无论每个Promise是否执行成功。每个元素包含以下两个属性：
- status，String类型，表示Promise的执行结果，值为'fulfilled'或者'rejected'。
- value，表示Promise的执行结果，无论成功或者失败，都是其返回的值或错误信息。
下面用一个示例来详细了解Promise.allSettled()方法。
const promise1 = Promise.resolve(3); const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'Rejected!')); const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 200, 'Fulfilled!')); Promise.allSettled([promise1, promise2, promise3]) .then(results => console.log(results)) .catch(error => console.log(error));
在上述代码中，我们创建了三个Promise对象：promise1、promise2和promise3。其中，promise1状态为Fulfilled，值为3；promise2状态为Rejected，错误信息为'Rejected!'；promise3状态为Fulfilled，值为'Fulfilled!'。
我们将这三个Promise对象作为参数传递给Promise.allSettled()方法，并且监听Promise.allSettled()方法执行的结果。最后，我们将控制台输出该返回结果，输出如下：
[
{ status: 'fulfilled', value: 3 },
{ status: 'rejected', reason: 'Rejected!' },
{ status: 'fulfilled', value: 'Fulfilled!' }
]从上述代码的输出结果中，我们可以看到，该方法返回的数组中包含了所有的Promise对象的执行结果，而不管它们是否执行成功。
Promise.allSettled()方法的应用场景
下面来介绍一些Promise.allSettled()方法的应用场景。
并行请求数据
对于现代Web应用程序而言，经常需要从多个数据源中请求数据。使用Promise.allSettled()方法，我们可以同时发送多个异步请求，然后在所有请求都完成后处理它们的结果。
例如，我们可以向多个API发送请求来获取一些对象，并使用Promise.allSettled()方法等待所有请求返回结果，如下代码所示：
-- -------------------- ---- ------- ----- -------- - - ------------------- ------------------- ------------------ -- ---------------------------- ------------- -- ---------------------- -- --------------------- ------------ -- --------------------
异步错误处理
在处理Promise对象时，我们经常需要在状态转换为Fulfilled或Rejected时执行某些操作。例如，如果一个Promise对象是Fulfilled状态，我们可能需要对其返回的数据执行某些操作。如果是Rejected状态，我们可能需要以特定的方式处理错误。
但是，如果我们在Promise链中使用了多个Promise对象，那么在任何一个Promise对象中发生错误时，就很难处理和追踪该错误。这时，我们可以使用Promise.allSettled()方法批量处理所有Promise对象的结果，包括成功和失败结果。
下面是一个Promise.allSettled()方法用于处理多个Promise对象的错误的示例：
-- -------------------- ---- -------
--------------------
--------------------- ----
---------------------------
--------------------- ---
--
------------- -- -
------------------ ------- ------ ------ -- -- -
--------- --- ------------ -
--------------------- -----------
- ---- -
------------------- ------------
-
---
--兼容性
需要注意的是，Promise.allSettled()方法是ES9中新增的方法，因此在一些较老的浏览器中可能不被支持。同时，对于一些较老的Node.js版本，该方法同样也不被支持。因此，要在应用程序中使用Promise.allSettled()方法，需要对支持该方法的运行环境进行判断。
总结
在现代Web应用程序中，Promise.allSettled()方法十分实用。它可以在一次异步操作中处理多个Promise对象的结果，包括成功和失败。通过使用Promise.allSettled()方法，可以更轻松地使用并行操作和更方便地处理异步操作中可能出现的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6482370648841e98941a7683