前言
Promise.all 和 Promise.race 是我们常用的两个 Promise 方法，但是自从 ECMAScript2019 引入了 Promise.allSettled，它也变得越来越受欢迎。它可以让我们在所有 Promise 完成后获取每个 Promise 的状态，这是一项非常有用的功能。
本文将讨论 Promise.allSettled 的实现原理，并探讨其用法和指导意义。在阅读本文之前，您应该对 Promise 有一定的基础知识。
Promise.allSettled 的用法
Promise.allSettled 接受一个包含 Promise 的数组，返回一个新的 Promise，该 Promise 在所有给定的 Promise 都已经fulfilled 或 rejected 时才会被 resolved，并返回一个具有 fulfilled 或 rejected 的状态数组。
下面是一个简单的示例，展示了 Promise.allSettled 方法的返回值：
----- -------- - - ------------------- ------------------------ ------------------- -- ------------------------------------------- -- - --------------------- --- -- ------ - - ------- ------------ ------ - -- - ------- ----------- ------- ------- -- - ------- ------------ ------ - - - --
Promise.allSettled 的实现原理非常简单，它与 Promise.all 方法类似。只是在实现时，我们需要遍历所有的 Promise，并记录其状态和值。最后返回一个新的 Promise，该 Promise 的状态是所有 Promise 状态的综合。
下面是一个 Promise.allSettled 的简单实现，您可以用它来理解 Promise.allSettled 的基本原理：
-------- -------------------- -
----- ------ - ---
------ --- ----------------- -- -
--- ----- - --
-------------------------- ------ -- -
------------------------
------------- -- -
------------- - - ------- ------------ ----- --
--
--------------- -- -
------------- - - ------- ----------- ------ --
--
----------- -- -
--------
-- ------ --- ---------------- -
----------------
-
---
---
---
-在该实现中，我们使用 forEach 方法来遍历所有的 Promise。我们还在 result 数组中记录每个 Promise 的状态和值。最后，我们使用 Promise.resolve 方法来创建“完整的” Promise，然后使用 .then 和 .catch 来更新 result 和 count。
Promise.allSettled 的指导意义
Promise.allSettled 不仅可以看到 Promise 的状态，而且通过 Promise.allSettled，我们可以编写更健壮的代码，更好地处理异步操作。
在实际应用中，在使用 Promise.allSettled 前，您应该先确保您的浏览器或 Node.js 版本支持 Promise.allSettled。您还应该评估您的代码基础，询问自己是否真的需要 Promise.allSettled 的功能。
另外，当您需要处理多个 Promise 状态时，可以先使用 Promise.allSettled，然后使用 .map 将结果转换为所需的形式。这可以减少代码重复。
结论
Promise.allSettled 提供了一个非常有用的功能，它允许我们获取所有 Promise 的状态。我们可以使用它来正常处理异步操作，并减少代码重复。在实践中，在使用 Promise.allSettled 之前，请确保您的浏览器或 Node.js 版本支持，并评估您的代码基础是否需要此功能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67093a45d91dce0dc8778432