ES10 中 Promise.allSettled 实现多 Promise 实例的并发处理-JavaScript中文网-JavaScript教程资源分享门户

在前端的开发中，我们经常会遇到需要同时处理多个 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() 方法在多个异步任务的并发处理中的应用：

const task1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Task 1 completed");
  }, 1000);
});

const task2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Task 2 completed");
  }, 2000);
});

const task3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Task 3 completed");
  }, 1500);
});

Promise.allSettled([task1, task2, task3]).then(results => {
  results.forEach(result => {
    if (result.status === "fulfilled") {
      console.log(result.value);
    } else {
      console.log(result.reason);
    }
  });
});

在这个示例中，我们创建了三个异步任务 task1、task2 和 task3。这三个任务分别模拟了许多常见的异步操作，比如执行 HTTP 请求、从远程数据库读取数据等等。

最后，我们将这三个异步任务打包成一个数组，传入 Promise.allSettled() 方法中。方法返回的结果数组中，每个元素都代表了一个异步任务的执行结果。我们检查每个异步任务的状态信息（fulfilled 或 rejected），并根据状态值采取相应的措施。在本例中，如果任务被执行成功，我们将打印出其对应的结果；否则我们将打印出其对应的错误信息。

总结

在本文中，我们详细介绍了 ES10 中 Promise.allSettled() 方法的使用以及其在多 Promise 实例的并发处理中的应用。将多个异步任务打包成一个数组并传入 Promise.allSettled() 方法中，可以轻松地并发处理这些任务，并检查它们的执行状态。这个方法的实用性非常强，也许在实际的开发中你会发现它非常有用！

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65a222edadd4f0e0ffa30e7b

ES10 中 Promise.allSettled 实现多 Promise 实例的并发处理

Promise.allSettled() 方法简介

Promise.allSettled() 方法用法举例

Promise.allSettled() 的应用

总结

纠错反馈