介绍
promise.allSettled() 是 ES2020 中新增的 Promise API，它接收一个 Promise 数组作为参数，返回一个 Promise 对象，当所有 Promise 都 settled（即 fulfilled 或 rejected）时，该 Promise 对象会 resolve，返回一个包含所有 Promise 的状态和结果的数组。
然而，在 ES9 中，我们可以重构 promise.allSettled() 的实现，使其更加高效和灵活。本文将介绍如何实现这个重构，以及它的学习和指导意义。
实现
我们可以使用 Promise.all() 和 Promise.prototype.finally() 来重构 promise.allSettled() 的实现。具体来说，我们可以将所有 Promise 都包装在一个新的 Promise 中，在这个新的 Promise 中，我们使用 Promise.all() 来等待所有 Promise settled，然后使用 Promise.prototype.finally() 来处理每个 Promise 的 settled 状态和结果。
下面是代码实现：
-- -------------------- ---- -------
-------- -------------------- -
------ --- --------------- -- -
----- ------- - ---
--- ------------ - --
-------------------------- ------ -- -
------------------------
----------- -- -
-------------- - - ------- ------------ ----- --
--
------------- -- -
-------------- - - ------- ----------- ------ --
--
----------- -- -
---------------
-- ------------- --- ---------------- -
-----------------
-
---
---
---
-学习和指导意义
这个重构实现有以下几个学习和指导意义：
- 理解 Promise API 的原理和实现方式，加深对 Promise 的理解和应用。
- 熟悉 Promise.all() 和 Promise.prototype.finally() 的用法和特性，可以更加灵活地使用 Promise。
- 学会如何重构已有的 API，可以提高代码的可维护性和可读性。
- 了解 ES9 的新特性，可以拓展自己的 JavaScript 知识和技能。
示例
下面是一个使用 allSettled() 的示例代码：
-- -------------------- ---- -------
----- -------- - -
-------------------
------------------ ----------------
-------------------
--
--------------------
------------- -- -
---------------------
--
------------ -- -
---------------------
---输出结果如下：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: Error: error },
{ status: 'fulfilled', value: 3 }
]结论
在 ES9 中，我们可以重构 promise.allSettled() 的实现，使其更加高效和灵活。这个重构实现可以加深我们对 Promise 的理解和应用，同时提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673ed4b290e7ed93bee4f157