在前端开发中，异步编程是一个非常重要的概念。而 Promise 则是异步编程的重要工具之一。在 ES6 中，Promise API 得到了大幅度的增强，其中包括 Promise.all 方法可以同时执行多个 Promise 对象，并在所有 Promise 对象都执行完毕后返回结果。但是，Promise.all 方法有一个缺点，就是只要其中一个 Promise 对象出现错误，就会立即终止所有 Promise 对象的执行。在实际应用中，这种行为可能会导致一些问题。而 ES12 中新增的 Promise.allSettled 方法可以解决这个问题。
Promise.allSettled 方法介绍
Promise.allSettled 方法是 ES12 中新增的 Promise API，它的作用是接收一个 Promise 对象数组作为参数，并返回一个新的 Promise 对象。当数组中所有的 Promise 对象都执行完毕后，该方法返回的 Promise 对象将会以一个数组作为结果，数组中的每个元素都是一个对象，该对象表示对应的 Promise 对象的执行结果。每个对象都有一个 status 属性，表示对应的 Promise 对象的执行状态，可能的值有 "fulfilled" 和 "rejected"；同时还有一个 value 或 reason 属性，分别表示对应的 Promise 对象的执行结果或错误信息。
----- -------- - -
-------------------
------------------ ----------------
------------------
--
----------------------------
------------- -- -
---------------------
---
-- ----
-- -
-- - ------- ------------ ------ - --
-- - ------- ----------- ------- ------ ----- -- ---------------- --
-- - ------- ------------ ------ - -
-- -Promise.allSettled 方法的实际应用场景
在实际应用中，Promise.allSettled 方法可以解决 Promise.all 方法的一个缺点，即只要其中一个 Promise 对象出现错误，就会立即终止所有 Promise 对象的执行。下面是一个示例场景：
假设我们需要从三个不同的接口中获取数据，并将它们合并成一个对象，然后将该对象作为参数发送给后端接口。如果其中一个接口返回错误，我们希望继续获取其他接口的数据，并将获取到的数据合并后发送给后端接口。这时，就可以使用 Promise.allSettled 方法来实现。
----- --------- - ----- -- -
------ ----------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- -----
-
---
--
----- ---- - ---------------------------- --------------------------- ----------------------------
------------------------------- -- ----------------
------------- -- -
----- ---- - -------
-------------- -- ------------- --- ------------
----------- -- -------------
-------------- ----- -- -- -------- ------- --- ----
------------------
-- - ---- -----------
---在上面的示例中，我们通过 Promise.allSettled 方法获取三个不同接口的数据，并将它们合并成一个对象。如果其中一个接口返回错误，Promise.allSettled 方法也不会终止其他 Promise 对象的执行，而是会将错误信息保存在结果数组中，并继续执行其他 Promise 对象，直到所有 Promise 对象都执行完毕。
总结
ES12 中新增的 Promise.allSettled 方法可以解决 Promise.all 方法的一个缺点，即只要其中一个 Promise 对象出现错误，就会立即终止所有 Promise 对象的执行。在实际应用中，Promise.allSettled 方法可以用于获取多个接口的数据，并将它们合并成一个对象后发送给后端接口。该方法的使用可以提高代码的健壮性和稳定性，减少错误的发生。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663ed17ad3423812e4d0eb61