随着前端技术的不断发展，ECMAScript 2020 (ECMAScript 11) 新增了很多新特性和方法。其中，Promise.allSettled() 是一个非常有用的方法，本文将详细介绍它的用法和指导意义。
Promise.allSettled() 方法的概述
Promise.allSettled() 方法接收一个 Promise 数组作为参数，并返回一个新的 Promise 对象。当所有的 Promise 都被 settled（即 fulfilled 或 rejected）后，该新的 Promise 对象将会 resolve，返回一个数组，其中包含每个 Promise 的结果。
不同于 Promise.all() 方法，Promise.allSettled() 方法不会在任何一个 Promise 被 rejected 时立即终止，并且即使一个 Promise 被 rejected，它仍然会返回一个数组。因此，Promise.allSettled() 方法对于需要等待所有 Promise 完成并获取它们的结果的情况非常有用。
Promise.allSettled() 方法的使用
以下是 Promise.allSettled() 方法的基本用法：
-- -------------------- ---- -------
----- -------- - -
-------------------
------------------ ----------------
------------------
--
----------------------------
------------- -- -
---------------------
--
------------ -- -
---------------------
---上述代码中，我们创建了一个包含 3 个 Promise 的数组，并将它传递给 Promise.allSettled() 方法。由于第二个 Promise 被 rejected，因此我们期望得到一个包含所有 Promise 结果的数组。
当 Promise.allSettled() 方法 resolve 时，我们将得到一个包含每个 Promise 结果的数组。具体来说，数组中的每个元素都是一个对象，包含以下属性：
- status：表示 Promise 的状态，可以是 "fulfilled" 或 "rejected"。
- value：表示 Promise 的结果，如果状态是 "fulfilled"，则为 Promise 的值，否则为错误对象。
在上述示例中，由于第二个 Promise 被 rejected，因此我们得到一个如下所示的数组：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: Error: error },
{ status: 'fulfilled', value: 3 }
]Promise.allSettled() 方法的指导意义
Promise.allSettled() 方法的出现，使得我们可以更方便地处理多个 Promise 的结果，而不需要关心它们是否全部成功或失败。
在实际开发中，我们经常需要同时发起多个异步请求，并在所有请求完成后进行下一步操作。如果使用 Promise.all() 方法，当其中任何一个请求失败时，我们就需要手动处理错误，并决定如何继续执行。而使用 Promise.allSettled() 方法，我们可以更加轻松地处理这种情况，而不需要手动处理错误。
此外，Promise.allSettled() 方法还可以和 Promise.all() 方法一起使用，以便在所有 Promise 完成后执行某些操作。例如：
-- -------------------- ---- -------
----- -------- - -
-------------------
------------------ ----------------
------------------
--
----------------------------
------------- -- -
---------------------
--
----------- -- -
---------------- -------- ---- -----------
---上述代码中，我们通过 Promise.allSettled() 方法获取了所有 Promise 的结果，并在所有 Promise 完成后输出一条日志。这种方式可以确保我们在所有 Promise 完成后执行某些操作，而不需要关心它们的状态。
结论
Promise.allSettled() 方法是 ECMAScript 2020 (ECMAScript 11) 新增的一个非常有用的方法，可以帮助我们更方便地处理多个 Promise 的结果。它的出现使得我们可以更加轻松地处理异步请求，并在所有请求完成后执行下一步操作。如果您正在开发一个需要处理多个异步请求的应用程序，那么 Promise.allSettled() 方法肯定是一个非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6763c1f2856ee0c1d4223b06