在前端开发中，Promise 是一种常见的异步编程方式。ES9 中新增了一个 Promise.allSettled() 方法，该方法可以在所有 Promise 对象都已经“settled”（即已经 fulfilled 或 rejected）时，返回一个包含所有 Promise 对象状态的数组。本文将详细介绍 Promise.allSettled() 的用法及其意义。
Promise.allSettled() 的用法
Promise.allSettled() 方法接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。该 Promise 对象在所有输入的 Promise 对象都已经“settled” 时 resolve，返回一个包含所有 Promise 对象的状态的数组。该数组的每个元素都是一个对象，包含以下两个属性：
- status：字符串，表示 Promise 对象的状态，可能的值为 "fulfilled" 或 "rejected"。
- value：如果 Promise 对象的状态为 "fulfilled"，则该属性为 Promise 对象的返回值；如果 Promise 对象的状态为 "rejected"，则该属性为 Promise 对象的拒绝原因。
以下是 Promise.allSettled() 方法的语法：
Promise.allSettled(iterable);
其中，iterable 是一个可迭代对象，例如数组或字符串。
Promise.allSettled() 的意义
Promise.allSettled() 方法可以用于处理多个 Promise 对象的状态，无论这些 Promise 对象是 fulfilled 还是 rejected。例如，在使用 Promise.all() 方法时，如果其中一个 Promise 对象被 rejected，整个 Promise 对象就会被 rejected。而在使用 Promise.allSettled() 方法时，即使其中一个 Promise 对象被 rejected，其他 Promise 对象的状态仍然可以被获取，这对于一些需要处理多个 Promise 对象状态的场景非常有用。
Promise.allSettled() 的示例
下面是一个使用 Promise.allSettled() 方法的示例代码：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- ---------------- - ----------- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- --------------- - ----------- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- ---------------- - ----------- ------
---
----------------------------- --------- ----------
--------------- -- -
------------------------ -- -
---------------------------
--------------------------
---
--
-------------- -- -
---------------------
---在上面的代码中，我们定义了三个 Promise 对象，分别在不同的时间内 resolve 或 reject。然后我们使用 Promise.allSettled() 方法将这三个 Promise 对象作为参数传入，并使用 then() 方法获取返回的结果。在 then() 方法中，我们使用 forEach() 方法遍历结果数组，并输出每个 Promise 对象的状态和值。如果其中一个 Promise 对象被 rejected，我们可以使用 catch() 方法捕获错误。
结论
Promise.allSettled() 方法是 ES9 中新增的一个有用的异步编程方式。它可以帮助我们处理多个 Promise 对象的状态，无论这些 Promise 对象是 fulfilled 还是 rejected。通过掌握 Promise.allSettled() 的用法，我们可以更好地处理异步编程中的多个 Promise 对象状态，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67628a71856ee0c1d4050e5b