在前端开发中，我们经常会遇到需要同时处理多个异步请求的情况。而在 JavaScript 中，Promise 是一种常用的处理异步操作的方式。然而，在处理多个 Promise 的并发操作时，我们常常需要等待所有 Promise 都完成后再进行下一步的操作。在 ECMAScript 2020 中，Promise.allSettled 方法的出现，为我们解决了这一问题。
Promise.allSettled 方法简介
Promise.allSettled 方法是 ECMAScript 2020 新增的方法，它接收一个 Promise 数组作为参数，并返回一个新的 Promise 对象。当所有 Promise 都完成后，该 Promise 对象会以一个数组的形式返回每个 Promise 的结果，无论该 Promise 是否被解决或被拒绝。
Promise.allSettled 方法的语法如下：
----------------------------
其中，iterable 参数是一个可迭代对象，通常是一个包含多个 Promise 对象的数组。
Promise.allSettled 方法返回的 Promise 对象的状态会根据所有输入的 Promise 的状态来决定：
- 如果所有 Promise 都成功解决，则返回的 Promise 对象的状态为 resolved。
- 如果其中有一个或多个 Promise 被拒绝，则返回的 Promise 对象的状态为 rejected。
返回的 Promise 对象的结果是一个数组，每个元素都是一个对象，包含以下属性：
- status：表示 Promise 的状态，可能的值为 "fulfilled" 或 "rejected"。
- value 或 reason：表示 Promise 的结果或拒绝原因，如果 Promise 被解决，则该属性为 value，否则为 reason。
Promise.allSettled 方法的应用
Promise.allSettled 方法的出现，为我们解决了多个 Promise 并发请求的问题。我们可以使用 Promise.allSettled 方法来等待所有 Promise 请求完成后再进行下一步的操作，无需关心每个 Promise 的结果。
下面是一个使用 Promise.allSettled 方法的示例代码：
----- -------- - -
-------------------
-------------------
------------------------
------------------
--
----------------------------------------- -- -
---------------------- -- -
--------------------------- -- ----------- - ----------
------------------------ -- --------------- -- ------- --------
---
---在上面的示例代码中，我们创建了一个包含 4 个 Promise 的数组。其中，第三个 Promise 被拒绝。我们使用 Promise.allSettled 方法等待所有 Promise 请求完成，然后遍历返回的结果数组，输出每个 Promise 的状态和结果或拒绝原因。
总结
Promise.allSettled 方法的出现，为我们解决了多个 Promise 并发请求的问题，使得我们可以更加方便地处理异步操作，提高代码的可读性和可维护性。在实际开发中，我们可以使用 Promise.allSettled 方法来处理多个异步请求的并发操作，从而更加高效地完成我们的工作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660db204d10417a222dfe007