如果你正在开发前端应用程序，你肯定已经知道 JavaScript 是现代 Web 应用程序的主要技术之一。ECMAScript 是定义 JavaScript 编程语言的标准。随着技术的发展，ECMAScript 持续更新，以满足开发者的需求。ECMAScript 2019 (ES10) 的新功能之一是 Promise.allSettled()。本文将详细解释这个新功能有什么用处，并为你提供示例代码。
Promise.all() 的问题
在了解 Promise.allSettled() 之前，我们需要先了解 Promise.all()。Promise.all() 是一个用于批量处理异步操作的方法，这些异步操作需要在主程序中执行。它会将一组 Promise 对象作为参数，以数组形式传递，并返回一个新的 Promise 对象。当所有的 Promise 对象都成功执行时，返回的 Promise 对象将被 resolve，同时将所有成功的结果作为参数传递给该方法。如果其中任何一个被传递的 Promise 对象失败，则返回的 Promise 对象将被 reject。
原本，Promise.all() 的实现功能已经足够强大，但仍然存在一个关键的问题。当我们想要处理的异步操作需要全部执行，这时发现，其中任何一个异步操作失败，就会导致 Promise.all() 返回的 Promise 对象被 reject，而你将无法从该方法中接收结果。这很令人烦恼。
因此，在 ES10 中，新增了一种解决这个问题的新方法，即 Promise.allSettled()。
Promise.allSettled() 的解决方案
Promise.allSettled() 是一个新的用于批量处理异步操作的方法。类似于 Promise.all()，它将由一组 Promise 对象组成的数组作为参数，并返回一个新的 Promise 对象。但是，不同于 Promise.all() 并且非常重要的是，Promise.allSettled() 返回的 Promise 对象不会在遇到首个失败 Promises 时提前终止。
而是，它将等到所有异步操作完成，不论成功或失败，才会返回结果，同时还会为每个 Promise 对象提供更详细的信息。
返回的结果是一个带有每个 Promise 对象状态的数组（fulfilled/rejected）。在业务代码中，我们可以根据每个 Promise 对象的状态来采取相应的操作。
语法如下：
Promise.allSettled(promises)
其中，promises 是一个由 Promise 对象组成的数组。
示例代码
让我们看一个使用 Promise.allSettled() 的示例代码。假设我们有一个数组，其中包含了一些可能失败的 API 调用。下面将对其进行处理，返回每个 API 的状态结果（成功或失败）。结果存储在一个结果数组中。
-- -------------------- ---- -------
----- -------- - - -------------- -------------- ------------- --
----------------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------- ------------------
- ---- -
-------------------- -------------------
-
---
---在这个示例中，我们使用 fetch() 方法模拟了 HTTP API 调用。当 Promise.allSettled() 方法调用成功时，我们将通过 forEach() 方法处理结果。如果操作成功，我们将日志记录到控制台，并打印 API 调用的结果。如果操作失败，我们将日志记录到控制台，并打印失败的理由。
总结
在这篇文章中，我们了解了 ECMAScript 2019 中的一个新功能：Promise.allSettled()。我们探讨了 Promise.all() 的问题，并了解了如何使用 Promise.allSettled() 解决这个问题。我相信，这个新 API 在许多场景下都可以派上用场，有助于解决开发人员在异步编程中经常遇到的问题。
本文提供了详细的解释和示例代码，希望这能够帮助你更好地理解 Promise.allSettled() 并在你的代码中使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64bf61a49e06631ab9bc469b