在前端开发中，经常会遇到需要同时处理多个异步操作的情况。而在 ES6 中，我们已经可以通过 Promise.all() 方法来实现多个 Promise 的并行执行，但是如果有其中一个 Promise 被 Reject 了，那么整个操作就会失败，而且即使有其他 Promise 已经被解决了，也无法得到它们的结果。
为了解决这个问题，ES9 带来了一个新的方法，它就是 Promise.allSettled()。这个方法的作用是在所有的 Promise 解决（不管成功或失败）之后，返回一个包含所有 Promise 结果的数组。下面我们来详细介绍一下这个方法的使用。
Promise.allSettled() 的语法和参数
Promise.allSettled() 方法和 Promise.all() 方法非常相似，只是它返回的结果数组中包含了所有 Promise 的状态，而不仅仅是 Resolved 状态的 Promise。下面是 Promise.allSettled() 的语法：
-----------------------------
其中，promises 是由多个 Promise 对象组成的数组，表示需要并行执行的异步操作。
Promise.allSettled() 的返回结果
Promise.allSettled() 方法返回一个 Promise 对象，当所有 Promise 都解决后，该 Promise 对象的状态也会被解决。返回结果是一个包含所有 Promise 结果的数组，数组中每个元素都包含 Promise 的状态和结果，如下所示：
- - ------- ------------ ------ -- -- - ------- ----------- ------- ----- - -
其中status属性表示 Promise 的状态，它的值可以是 "fulfilled" 或者 "rejected"，value 属性表示 Promise 对象的解决值，如果是 rejected 状态，则 reason 属性表示 Promise 对象的原因（错误信息）。
Promise.allSettled() 的使用示例
下面我们来看一个具体的使用示例。我们假设有三个异步操作需要并行执行，分别是从服务器获取数据、从本地读取文件和从数据库中查询数据。我们可以使用 Promise.allSettled() 方法实现这个功能，并根据每个 Promise 的状态来分别处理它们的结果：
-- ------
----- -- - ------------------
----- -- - -------------------------
----- -- - --------------------- - ---- -------
-- ----------
----------------------- --- ----------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
----- ----- - ------------
-------------------- -------- ---- -------- ------
- ---- -
----- ------ - -------------
---------------------- -------- ---- --------- -------
-
--
--以上代码中，我们首先定义了三个需要并行执行的异步操作 p1、p2 和 p3，然后使用 Promise.allSettled() 方法来并行执行它们。最后，我们通过处理返回结果数组中每个 Promise 的状态和值，来分别处理三个异步操作的结果。
结论
在开发过程中，处理多个异步操作通常是非常困难的，但是 ES9 中的 Promise.allSettled() 方法可以极大地简化这个过程。使用 Promise.allSettled() 方法，我们可以便捷地实现多个异步操作之间的并行执行，并根据每个 Promise 的状态来处理它们的结果，从而让开发过程变得更加高效和简单。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66ed6b1f5bf77dda3bdfb58b