Promise.allSettled() 是 ECMAScript 2020 的新特性之一，它可以用于处理 Promise 数组，无论 Promise 是 fulfilled 还是 rejected 都会返回结果，这对于处理多个异步操作并发执行后的结果非常有用。本文将详细介绍 Promise.allSettled() 的使用方法及其指导意义，并提供示例代码方便理解。
什么是 Promise.allSettled()
在介绍 Promise.allSettled() 之前，我们先回忆一下 Promise.all() 的用法。Promise.all() 接收一个 Promise 数组作为参数，它们会并行执行，并等待所有 Promise resolve 之后返回一个 resolve 值的数组，如果其中有一个 Promise reject，那么整个 Promise.all() 的状态则为 reject。但是这样的处理方式并不能得知哪些 Promise reject 了，这时候 Promise.allSettled() 就派上了用场。
Promise.allSettled() 同样接收一个 Promise 数组作为参数并用于并行执行异步操作，和 Promise.all() 不同的是，无论 Promise resolve 还是 reject 都会返回结果，结果存储在数组中，其中每个元素是一个对象，包含 status 和 value 或 reason 两个属性。
status
status 是一个字符串，表示 Promise 的状态，它的值只能是 "fulfilled" 或者 "rejected" 。
value 或 reason
value 或 reason 是 fulfilled 时的返回值或 rejected 时的错误信息。
Promise.allSettled() 使用场景
下面我们看一下使用 Promise.allSettled() 的场景。
1. 并行执行异步操作，且需要结果信息
当我们需要同时执行多个异步操作，并且需要得到每个异步操作的结果信息时，Promise.allSettled() 就是最佳选择。例如我们需要调用多个 API，每个 API 返回的数据结构不同，通过 Promise.allSettled() 我们可以得到每个 API 的返回信息，而不需要担心某一个 API 失败后整个操作失败。
2. 寻找异步操作中的错误
有时候我们需要并行执行多个异步操作，但这些操作可能会返回错误，我们需要寻找错误并处理。如果使用 Promise.all() ，第一个 reject 状态的 Promise 就会中断整个操作，导致我们不能得到其他操作的执行结果。而 Promise.allSettled() 可以让所有操作都执行完毕并返回结果，我们可以根据返回结果来找到错误并处理。
Promise.allSettled() 使用示例
下面是 Promise.allSettled() 的使用示例。
-- -------------------- ---- -------
----- -------- - -
-------------------
--------------------- ----------
-------------------------
--
----------------------------
------------- -- -
---------------------
--
------------ -- -
-------------------
---上面的代码中，promises 数组包含三个 Promise，一个 resolve 和两个 reject，我们使用 Promise.allSettled() 并打印结果。
结果如下：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: 'Error message' },
{ status: 'fulfilled', value: 'Hello' }
]我们可以看到 Promise.allSettled() 返回的数组包含了每个 Promise 的执行状态和结果信息。
Promise.allSettled() 的指导意义
使用 Promise.allSettled() 可以更方便地处理多个异步操作，从而提高代码可读性和可维护性。因此，我们应该注意以下几点：
- 在处理多个异步操作时，优先考虑使用 Promise.allSettled()
- 对于异步操作的错误处理，使用 Promise.allSettled() 可以更好地定位错误并进行处理
结论
本文介绍了 ECMAScript 2020 中的新特性 Promise.allSettled() 的使用方法和适用场景。Promise.allSettled() 可以很好地处理多个异步操作，返回每个操作的执行状态和结果信息，方便我们进行错误处理和结果分析。我们应该积极地学习和使用 Promise.allSettled()，以提高代码质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f36519e1e8e99bfaf69e18