在前端开发中，异步任务是非常常见的。我们需要发送请求、读取文件、处理数据等等。对于多个异步任务的处理，我们通常使用 Promise.all() 来等待所有任务完成后进行下一步操作。但是，如果其中一个任务出现异常，Promise.all() 就会直接 reject，导致其他任务也无法继续执行。这时候，ES10 中的 Promise.allSettled() 就可以派上用场了。
Promise.allSettled() 简介
Promise.allSettled() 是 ES10 中新增的一个 Promise 方法，它接收一个 Promise 数组，返回一个 Promise 对象。当所有的 Promise 对象都完成（无论是 resolve 还是 reject），Promise.allSettled() 返回的 Promise 对象才会 resolve。返回的结果是一个数组，数组中的每个元素都是一个对象，代表对应的 Promise 对象的状态。
对象的属性如下：
status：Promise 对象的状态，可能的值为"fulfilled"或"rejected"。value：当 Promise 对象状态为"fulfilled"时，该属性为 Promise 对象的返回值；否则为undefined。reason：当 Promise 对象状态为"rejected"时，该属性为 Promise 对象的错误信息；否则为undefined。
Promise.allSettled() 的使用
下面通过一个示例来演示 Promise.allSettled() 的使用。
假设我们有三个异步任务，分别为读取文件、发送请求和处理数据。我们使用 Promise.all() 来等待它们的完成。
-- -------------------- ---- ------- ------------- ------------------------ ------------------ ----------------- --------------- -- - --------------------- -------------- -- - --------------------- ---
如果其中一个任务出现异常，Promise.all() 就会直接 reject，导致其他任务也无法继续执行。为了解决这个问题，我们可以使用 Promise.allSettled()。
-- -------------------- ---- ------- -------------------- ------------------------ ------------------ ----------------- --------------- -- - --------------------- -------------- -- - --------------------- ---
Promise.allSettled() 返回的结果是一个数组，数组中的每个元素都是一个对象，代表对应的 Promise 对象的状态。我们可以根据这个结果来判断每个任务的执行情况。
-- -------------------- ---- -------
--------------------
------------------------
------------------
-----------------
--------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
-----------------------------
-
---
-------------- -- -
---------------------
---Promise.allSettled() 的指导意义
Promise.allSettled() 的出现，解决了 Promise.all() 在处理多个异步任务时出现异常的问题。它可以让我们更加灵活地处理异步任务，不必担心其中一个任务出现异常导致整个任务链断掉。
在实际开发中，我们可能会遇到多个异步任务需要协同完成的情况。这时候，Promise.allSettled() 就可以发挥它的作用了。我们可以使用它来等待所有任务完成，然后根据每个任务的状态来进行下一步操作。
总结
本文介绍了 ES10 中的 Promise.allSettled() 方法，它可以解决 Promise.all() 在处理多个异步任务时出现异常的问题。我们可以使用它来等待所有任务完成，然后根据每个任务的状态来进行下一步操作。
在实际开发中，我们需要根据具体情况选择不同的方法来处理异步任务。Promise.allSettled() 提供了一个新的选择，可以让我们更加灵活地处理异步任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66329505d3423812e4025afc