在前端的开发中，我们经常会遇到需要同时处理多个 Promise 实例的情况。而 Promise.allSettled() 方法就是针对这种情况而推出的一个全新的 ES10 特性。在本文中，我们将详细介绍 Promise.allSettled() 方法的使用以及其在多 Promise 实例的并发处理中的应用。
Promise.allSettled() 方法简介
在 ES10 中，Promise.allSettled() 方法是新增加的一个 Promise 实例方法。它接受一个包含多个 Promise 实例的可迭代对象（比如数组），并返回一个新的 Promise 实例。返回的 Promise 实例会在所有的 Promise 实例都已经完成执行之后，以一个数组的形式返回每个 Promise 实例的状态信息。
具体来说，Promise.allSettled() 方法返回的数组包含每个 Promise 实例的结果，无论其成功运行还是失败运行。数组中每个元素都是一个对象，详细记录了对应的 Promise 实例的状态信息，包括状态值（fulfilled 或 rejected）以及原因（Promise.reject() 的参数）或结果（Promise.resolve() 的参数）。
Promise.allSettled() 方法用法举例
下面我们来看一个使用 Promise.allSettled() 方法的简单示例：
const p1 = Promise.resolve(1);
const p2 = Promise.reject(new Error("Something went wrong"));
const p3 = Promise.resolve("Done");
Promise.allSettled([p1, p2, p3]).then(results => {
console.log(results);
});这个例子中，我们创建了三个不同的 Promise 实例。其中，p1 和 p3 都是 resolved 状态，而 p2 是 rejected 状态。然后我们通过 Promise.allSettled() 方法将三个 Promise 实例打包在一个数组中传入该方法。当所有 Promise 实例执行完毕后，Promise.allSettled() 方法就会返回结果数组，并将结果打印在控制台上。
上述代码执行的结果如下：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: Error: Something went wrong at <anonymous>:3:20 },
{ status: 'fulfilled', value: 'Done' }
]可以看到，结果数组中包含三个元素（数组的 length 为 3）。每个元素都是一个对象，表示对应的 Promise 实例的状态信息。
Promise.allSettled() 的应用
在实际开发中，我们通常需要同时处理多个异步任务。而这些任务通常是相互独立的，也就是说它们之间没有任何依赖关系，我们只关心它们最终的执行结果。
在这种情况下，Promise.allSettled() 方法就非常有用了。我们可以将多个异步任务封装成 Promise 实例，并将它们一起打包传入 Promise.allSettled() 方法中。然后我们就可以在返回的结果数组中查看每个异步任务的执行状态，进而采取相应的措施。
下面我们用一个示例来看一下 Promise.allSettled() 方法在多个异步任务的并发处理中的应用：
-- -------------------- ---- -------
----- ----- - --- ----------------- ------- -- -
------------- -- -
------------- - ------------
-- ------
---
----- ----- - --- ----------------- ------- -- -
------------- -- -
------------- - ------------
-- ------
---
----- ----- - --- ----------------- ------- -- -
------------- -- -
------------- - ------------
-- ------
---
-------------------------- ------ -------------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
---在这个示例中，我们创建了三个异步任务 task1、task2 和 task3。这三个任务分别模拟了许多常见的异步操作，比如执行 HTTP 请求、从远程数据库读取数据等等。
最后，我们将这三个异步任务打包成一个数组，传入 Promise.allSettled() 方法中。方法返回的结果数组中，每个元素都代表了一个异步任务的执行结果。我们检查每个异步任务的状态信息（fulfilled 或 rejected），并根据状态值采取相应的措施。在本例中，如果任务被执行成功，我们将打印出其对应的结果；否则我们将打印出其对应的错误信息。
总结
在本文中，我们详细介绍了 ES10 中 Promise.allSettled() 方法的使用以及其在多 Promise 实例的并发处理中的应用。将多个异步任务打包成一个数组并传入 Promise.allSettled() 方法中，可以轻松地并发处理这些任务，并检查它们的执行状态。这个方法的实用性非常强，也许在实际的开发中你会发现它非常有用！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a222edadd4f0e0ffa30e7b