深入理解 Promise.allSettled：并行处理异步操作的新方式

在现代 Web 开发中，异步操作已经成为不可避免的一部分。无论是从服务器获取数据，还是执行一系列耗时操作，我们都需要有效地管理这些异步任务。JavaScript 提供了多种处理异步操作的工具，Promise 是其中最常用的一种。而 Promise.allSettled 是一个强大的方法，特别适用于需要在所有操作完成后再进行处理的场景。

什么是 Promise.allSettled？

Promise.allSettled 是一个静态方法，它接受一个包含多个 Promise 对象的可迭代对象，并返回一个新的 Promise 对象。这个新的 Promise 对象会在所有传入的 Promise 都有结果后（无论成功还是失败）变为 fulfilled 状态，并返回一个数组。数组中的每一项都是一个结果对象，表示相应的 Promise 的状态和结果。

语法

Promise.allSettled(iterable);

• iterable：一个可迭代对象（一般是一个数组），其中每一项都是一个 Promise 对象。

返回值

Promise.allSettled 返回一个新的 Promise 对象，该对象在所有传入的 Promise 都有结果后变为 fulfilled 状态，并返回一个包含每个 Promise 结果对象的数组。每个结果对象包含以下两个属性：

• status：表示 Promise 的状态（“fulfilled” 或 “rejected”）。
• value：当状态为 “fulfilled” 时，包含 Promise 的返回值。
• reason：当状态为 “rejected” 时，包含 Promise 被拒绝的原因。

Promise.allSettled 和 Promise.all

共同点

1. 并行执行多个异步操作：Promise.allSettled 和 Promise.all 都用于并行执行多个异步操作，它们接受一个包含多个Promise对象的可迭代对象（通常是数组）。
2. 返回Promise对象：这两个方法都返回一个新的Promise对象，用于表示所有传入的Promise对象的整体完成状态。

区别

1. 处理结果的方式

• Promise.all：
  • 如果所有传入的Promise对象都成功完成，返回的Promise对象会变为fulfilled状态，并返回一个包含所有成功结果的数组。
  • 如果任何一个Promise对象失败，返回的Promise对象会立即变为rejected状态，并返回第一个失败的Promise的错误信息。

Promise.all([promise1, promise2, promise3])
  .then((