在前端开发中，异步事件处理是不可避免的。经过多年的发展，JavaScript 的异步编程已变得越来越强大。ES9 的 Promise.allSettled() 使得异步事件处理更加便捷和高效。
什么是 Promise.allSettled()？
Promise.allSettled() 是 ES9 中引入的新的 Promise API，它的作用是返回一个 Promise 对象，当传入的所有 Promise 都完成（无论是成功还是失败），它才会被 resolved，返回的结果是一个数组，数组的每一项都是一个对象，包含 Promise 的状态（fulfilled 或 rejected）以及对应的返回值或错误原因。
Promise.all() 方法当所有 Promise 都成功时才会返回 Promise，而 Promise.race() 方法只有一个 Promise 实例解决或者拒绝时才会返回 Promise，而 Promise.allSettled() 则不管 Promise 计算结果如何（成功或失败），都会返回 Promise。
如何使用 Promise.allSettled()？
基本使用
Promise.allSettled() 的使用非常简单，我们只需要将要并行处理的所有 Promise 实例作为参数传入到 Promise.allSettled() 方法中即可。下面是一个简单的示例代码：
-- -------------------- ---- -------
----- -------- - -------------------
----- -------- - ------------------ ---------------- ---- ---------
----- -------- - -------------------
----------------------------- --------- ----------
------------- -- -
---------------------
--
------------ -- -
-------------------
---运行上面的代码，控制台输出的结果如下：
[
{ status: "fulfilled", value: 1 },
{ status: "rejected", reason: Error: something went wrong },
{ status: "fulfilled", value: 3 }
]可以看到，不管每个 Promise 的状态如何，Promise.allSettled() 方法仍返回一个 Promise，并且该 Promise resolve 后的 results 数组中包含了每个 Promise 的状态及其对应的返回值或错误原因。
处理多个异步请求
在实际开发中，我们需要经常处理多个异步请求，并在所有请求完成后执行一些任务或进行一系列后续处理。Promise.allSettled() 为处理这种场景提供了非常方便的方法。比如，我们可以利用 Promise.allSettled() 方法来处理多个异步请求，然后将它们的结果合并成一个对象。示例代码如下：
-- -------------------- ---- -------
----- ------------- - --- -- -
------ ------------------- -- ------------
--
----- ---- - ------------------------- ------------------------ -------------------------
------------------------------- -- --------------------
------------- -- -
----- --- - ---
------------------------ ------ -- -
---------------- - ---- - ------------- --- ----------- - ------------ - -----
---
-----------------
--
------------ -- -
-------------------
---上面的代码中，我们利用了 fetch() 函数获取远程数据，通过 Promise.allSettled() 方法来处理多个异步请求，并将它们的结果合并成一个对象。
总结
Promise.allSettled() 方法是 ES9 中引入的新的 Promise API，它不管每个 Promise 的状态如何，都会返回一个 Promise，并且该 Promise resolve 后的结果是一个数组，数组的每一项都是一个对象，包含 Promise 的状态（fulfilled 或 rejected）以及对应的返回值或错误原因。它可以方便地处理多个异步请求的结果，并将它们的结果合并成一个对象，大大提高了异步事件处理的效率和便捷性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fc20b1f6b2d6eab320a177