Promise.allSettled()：同步异步任务执行结果处理之道

2023-10-02 04:03:27

Promise.allSettled()：处理异步任务执行结果的强大工具

作为一名 web 开发人员，您经常会遇到需要处理异步任务的情况。异步任务会在后台执行，通常在您继续执行其他代码时进行。要获得这些任务的结果，您需要使用 Promise。

什么是 Promise？

Promise 是一个对象，表示将在将来完成或失败的操作。它提供了一个统一的 API 来处理异步操作，并允许您附加回调函数来处理成功或失败的结果。

Promise.allSettled()

Promise.allSettled() 是 JavaScript 中一个强大的工具，用于处理异步任务的执行结果。它与 Promise.all() 类似，但 Promise.allSettled() 有一个主要区别：它可以处理无论是否成功都已完成或失败的 Promise。

Promise.allSettled() 方法接受一个 Promise 数组作为参数，并返回一个新的 Promise。这个新的 Promise 在所有给定的 Promise 都已完成或失败后被解析。当解析新的 Promise 时，它将返回一个包含所有给定 Promise 的执行结果的数组。

每个执行结果都是一个对象，包含两个属性：

status： 表示 Promise 的执行状态，可能是 "fulfilled" 或 "rejected"。
value： 如果 Promise 是 fulfilled，则包含 Promise 的执行结果。如果 Promise 是 rejected，则包含 Promise 的拒绝原因。

Promise.allSettled() 的使用场景

Promise.allSettled() 有许多使用场景，包括：

并发任务处理： 当您需要等待多个异步任务完成，然后才对结果执行进一步处理时。
错误处理： 当您需要知道所有异步任务的执行结果时，无论它们是否成功。
状态跟踪： 当您需要跟踪多个异步任务的执行状态时。

Promise.allSettled() 与 Promise.all() 的区别

Promise.all() 和 Promise.allSettled() 都是用于处理异步任务的执行结果，但它们之间有一些区别：

Promise.all()： 只等待所有给定的 Promise 都已成功完成，然后才会被解析。如果任何一个 Promise 失败，则 Promise.all() 也会失败。
Promise.allSettled()： 等待所有给定的 Promise 都已完成或失败，然后才会被解析。无论任何一个 Promise 是成功还是失败，Promise.allSettled() 都会被解析。

示例

以下示例演示如何使用 Promise.allSettled()：

const tasks = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3'),
];

Promise.allSettled(tasks)
  .then((results) => {
    console.log(results);
  })
  .catch((error) => {
    console.error(error);
  });

结论

Promise.allSettled() 是 JavaScript 中处理异步任务执行结果的强大工具。它使您能够等待所有任务完成或失败，然后才获得结果，无论它们是否成功。这在处理并发任务时非常有用，因为它允许您等待所有任务执行完毕，然后再对结果执行进一步处理。

常见问题解答

1. Promise.allSettled() 返回什么？
答：一个包含所有给定 Promise 执行结果的数组。

2. Promise.allSettled() 的执行状态是什么？
答：总是 "fulfilled"，即使其中一个 Promise 被拒绝。

3. 如何处理 Promise.allSettled() 返回的错误？
答：使用 .catch() 方法附加错误处理程序。

4. Promise.allSettled() 和 Promise.all() 有什么区别？
答：Promise.allSettled() 可以处理无论是否成功的 Promise，而 Promise.all() 只处理成功的 Promise。

5. 什么时候应该使用 Promise.allSettled()？
答：当您需要等待所有异步任务完成，无论它们是否成功时。