在前端开发中，异步操作是非常常见的，例如请求数据、读取文件等。Promise 是一种解决异步操作的方案，它可以让我们更加优雅地处理异步操作，避免了回调地狱的问题。在 ES2020 中，新增了 Promise.allSettled() 方法，它可以让我们更加方便地处理多个 Promise 的状态。
Promise.allSettled() 方法介绍
Promise.allSettled() 方法接收一个 Promise 数组作为参数，返回一个 Promise 对象。当数组中所有 Promise 状态都发生改变时，该 Promise 对象会被 resolve，返回的结果是一个数组，数组中包含了所有 Promise 的状态和结果。如果有 Promise 被 reject，该 Promise 对象也会被 resolve，但是返回结果中会包含所有 Promise 的状态和结果，不会抛出任何异常。
Promise.allSettled() 的语法如下：
Promise.allSettled(iterable);
其中，iterable 表示一个可迭代对象，例如数组。
Promise.allSettled() 方法的返回值
Promise.allSettled() 方法返回的是一个 Promise 对象，该 Promise 对象的状态和返回值如下：
- 当所有 Promise 都变成 resolved 状态时，该 Promise 对象的状态为 resolved，返回值是一个数组，数组中包含了所有 Promise 的状态和结果。
- 当所有 Promise 都变成 rejected 状态时，该 Promise 对象的状态为 resolved，返回值是一个数组，数组中包含了所有 Promise 的状态和结果。
- 返回值中的每个元素都是一个对象，包含了 Promise 的状态和结果。对象的属性如下：
- status：表示 Promise 的状态，可能的值为 "fulfilled" 或 "rejected"。
- value：表示 Promise 的结果，如果 Promise 的状态为 "fulfilled"，则该属性为 Promise 的返回值；如果 Promise 的状态为 "rejected"，则该属性为 Promise 的拒绝原因。
Promise.allSettled() 方法的示例
下面通过一个示例来演示 Promise.allSettled() 方法的使用。
假设我们有一个异步函数 fetchUserData，它返回一个 Promise 对象，表示获取用户数据的结果。我们希望同时获取多个用户的数据，并在所有数据都返回后进行处理。代码如下：
-- -------------------- ---- -------
-------- --------------------- -
------ --- ----------------- ------- -- -
-- ------
------------- -- -
-- ------- - - --- -- -
---------
--- -------
----- ----- -----------
------ ----------------------------
---
- ---- -
------------ --------- --- --------
-
-- ------
---
-
----- ------- - --- -- -- -- ---
------------------------------------------------------------- -- -
------------------------ -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
----------------------------
-
---
---在上面的代码中，我们定义了一个异步函数 fetchUserData，它接收一个 userId 参数，返回一个 Promise 对象。在该函数内部，我们使用 setTimeout 模拟了一个异步操作，如果 userId 是偶数，则该 Promise 对象会被 resolve，返回一个包含用户信息的对象；如果 userId 是奇数，则该 Promise 对象会被 reject，返回一个错误信息。
然后，我们定义了一个 userIds 数组，包含了需要获取的用户 id。我们使用 map 方法将 userIds 数组中的每个元素都传递给 fetchUserData 函数，生成一个 Promise 数组。
最后，我们使用 Promise.allSettled 方法，将 Promise 数组作为参数传入。当所有 Promise 都完成后，Promise.allSettled 方法返回一个 Promise 对象，我们使用 then 方法获取返回结果。在 then 方法中，我们遍历返回结果，根据每个 Promise 的状态打印相应的信息。
Promise.allSettled() 方法的指导意义
Promise.allSettled() 方法可以方便地处理多个 Promise 的状态，避免了使用 Promise.all 方法时因为某个 Promise 被 reject 而导致整个 Promise.all 方法中止执行的情况。使用 Promise.allSettled() 方法可以更加准确地获取每个 Promise 的状态和结果，帮助我们更好地处理异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67da5bd7a941bf713424b982
