随着前端应用的复杂度不断提高，异步编程变得越来越重要。在 JavaScript 中，Promise 是一种非常常见的异步编程方式。ECMAScript 2020 中引入了一个新的 Promise 方法：Promise.allSettled()，旨在让开发者更方便地处理多个 Promise 对象的结果。本文将详细介绍 Promise.allSettled() 的使用方法、特点以及示例代码。
Promise.allSettled() 的基本使用
Promise.allSettled() 方法接收一个 Promise 数组作为参数，返回一个新的 Promise 对象。当所有的 Promise 对象都完成时，该 Promise 对象会 resolve，并返回一个数组，其中包含每个 Promise 对象的状态和结果。如果其中任何一个 Promise 对象 reject，则该 Promise 对象会 reject，并返回一个包含每个 Promise 对象的状态和原因的数组。
下面是 Promise.allSettled() 的基本使用方法：
const promises = [
Promise.resolve('Resolved'),
Promise.reject('Rejected'),
Promise.resolve('Resolved again')
];
Promise.allSettled(promises)
.then(results => console.log(results));运行以上代码，控制台输出如下：
[
{ status: 'fulfilled', value: 'Resolved' },
{ status: 'rejected', reason: 'Rejected' },
{ status: 'fulfilled', value: 'Resolved again' }
]在这个例子中，我们创建了一个包含三个 Promise 对象的数组。第一个 Promise 对象 resolve，返回一个字符串；第二个 Promise 对象 reject，返回一个字符串；第三个 Promise 对象 resolve，返回一个字符串。调用 Promise.allSettled() 方法后，返回一个 Promise 对象，该 Promise 对象 resolve，返回一个数组，其中包含每个 Promise 对象的状态和结果。
Promise.allSettled() 的特点
与 Promise.all() 方法不同，Promise.allSettled() 方法不会在任何 Promise 对象 reject 时立即 reject。相反，它会等待所有 Promise 对象完成（无论是 resolve 还是 reject），然后返回一个包含每个 Promise 对象的状态和结果的数组。这是 Promise.allSettled() 方法的一个重要特点，使得开发者可以更好地处理多个 Promise 对象的结果。
Promise.allSettled() 的指导意义
Promise.allSettled() 方法的引入，使得开发者可以更方便地处理多个 Promise 对象的结果。在实际开发中，我们经常需要同时发起多个异步请求，并在所有请求完成后统一处理结果。使用 Promise.allSettled() 方法可以更好地实现这个目标，而不必担心任何 Promise 对象 reject 的情况。
Promise.allSettled() 的示例代码
下面是一个使用 Promise.allSettled() 方法的示例代码：
-- -------------------- ---- -------
----- ---- - -
---------------------------------------------
---------------------------------------------
-----------------------------------------------
--
----- -------- - ------------ -- ------------
----------------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
---在这个例子中，我们使用 fetch() 方法向三个 URL 发送请求，并将返回的 Promise 对象存储在一个数组中。然后，我们使用 Promise.allSettled() 方法等待所有请求完成，并处理结果。对于每个结果，我们检查其状态，如果是 fulfilled，则输出结果；否则，输出原因。
结论
Promise.allSettled() 是 ECMAScript 2020 中引入的一个新的 Promise 方法，可以更方便地处理多个 Promise 对象的结果。与 Promise.all() 方法不同，Promise.allSettled() 方法不会在任何 Promise 对象 reject 时立即 reject，而是等待所有 Promise 对象完成（无论是 resolve 还是 reject），然后返回一个包含每个 Promise 对象的状态和结果的数组。在实际开发中，使用 Promise.allSettled() 方法可以更好地处理多个异步请求的结果，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67451dcec1a23897ea88e61c