ECMAScript 2021 中的 Promise.allSettled() 方法：如何更好地处理异步任务
随着前端技术的发展，我们越来越依赖异步编程来处理我们的应用程序。但是，在处理异步任务时，往往会出现一些问题，例如：当你需要同时处理多个异步任务并根据结果进行处理时，代码会变得非常冗长和难以维护。幸运的是，在 ECMAScript 2021 中，Promise.allSettled() 方法正式加入，可以帮助我们更好地处理这个问题。
Promise.allSettled() 方法接收一个参数——Promise 实例数组，然后返回一个 Promise 实例。该 Promise 实例会在所有 Promise 实例都执行完成后 resolve，返回一个包含所有 Promise 实例的状态（fulfilled 或者 rejected）和结果的数组。这实际上是一个非常强大的工具，让我们可以并发执行多个异步任务，并同时获取执行结果。换句话说，在以下情况下可以使用 Promise.allSettled() 方法：
当您需要同时执行多个异步任务，并关心每个任务的结果时； 当您希望执行所有任务，而不必在其中某个任务失败时终止它们； 当您的应用程序需要使用正确的方式处理所有任务的结果时。
接下来，我们将通过示例代码来演示如何使用 Promise.allSettled() 方法。例如，我有一个需求需要在五秒钟内同时请求五个 API 的数据，并根据请求状态返回成功或失败信息。下面是完整的示例代码：
-- -------------------- ---- -------
----- -------- - -------------------------------
----- -------- - -------------------------------
----- -------- - -------------------------------
----- -------- - -------------------------------
----- -------- - -------------------------------
----------------------------- --------- --------- --------- ----------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
--
------------ -- -
---------------------
---在上面的代码示例中，我们首先定义了五个 Promise 实例，每个实例都是通过 fetch() 方法来请求 API 的数据。然后，我们将这五个 Promise 实例作为参数传递给 Promise.allSettled() 方法，来并发执行它们。在 Promise.allSettled() 方法返回结果之后，我们可以使用 forEach() 方法来处理返回的结果对象数组，根据状态（fulfilled 或 rejected）打印相应的信息。
从上面的代码示例可以看出，Promise.allSettled() 方法确实能够帮助我们解决同时执行多个异步任务的问题，并且使代码变得更加简洁和易于维护。但是，需要记住的一点是，Promise.allSettled() 方法返回的状态和值都是异步的，你需要使用 Promise 链来访问它们。
结论
在本文中，我们介绍了 ECMAScript 2021 中的 Promise.allSettled() 方法，它可以帮助我们更好地处理多个异步任务。我们还通过示例代码来演示了如何使用 Promise.allSettled() 方法来同时请求 API 数据，并根据请求状态分别处理它们的结果。使用 Promise.allSettled() 方法可以让我们处理异步任务变得更加简单和直接，你也应该在你的应用程序中尽可能地使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6708b4a0d91dce0dc873bba1