在 JavaScript 中，我们经常需要处理并发问题，比如同时发起多个异步请求，等待所有请求完成后再做后续处理。在 ES6 中，我们可以使用 Promise.all() 方法来实现这个功能。但是 Promise.all() 方法有一个缺点，如果其中一个 Promise 被拒绝了，整个 Promise.all() 方法就会失败。这种情况下，我们需要使用 Promise.allSettled() 方法来解决这个问题。
Promise.allSettled() 方法介绍
Promise.allSettled() 方法返回一个 Promise，该 Promise 在所有给定的 Promise 都已经执行完毕后才会被解决。与 Promise.all() 方法不同的是，即使其中一个 Promise 被拒绝了，所有的 Promise 都会被解决，而不会导致整个 Promise.allSettled() 方法失败。
Promise.allSettled() 方法返回的 Promise 对象解决后，会返回一个数组，数组中包含了每一个 Promise 的解决结果，无论是成功还是失败。每一个数组元素都是一个对象，包含以下两个属性：
status：表示 Promise 的状态，可能的值为fulfilled或rejected。value或reason：表示 Promise 的解决值或拒绝原因。
使用 Promise.allSettled() 方法解决并发问题
假设我们需要同时发起两个异步请求，等待它们都完成后再做后续处理。我们可以使用 Promise.allSettled() 方法来实现：
----- -------- - --------------------
----- -------- - --------------------
----------------------------- ----------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
-----------------------------
-
---
--
------------ -- -
---------------------
---上面的代码中，我们使用了 fetch() 方法来发起异步请求。Promise.allSettled() 方法接受一个 Promise 数组作为参数，等待所有 Promise 都完成后返回一个 Promise 对象。当 Promise 对象被解决后，我们可以使用 forEach() 方法遍历结果数组，根据每个 Promise 的状态来处理相应的结果。
总结
Promise.allSettled() 方法是 ES9 中新增的方法，用于解决 JavaScript 中的并发问题。与 Promise.all() 方法不同的是，Promise.allSettled() 方法不会因为其中一个 Promise 被拒绝而导致整个方法失败。在实际开发中，我们经常需要处理并发问题，使用 Promise.allSettled() 方法可以有效地提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65cf3547add4f0e0ff886fa7