在 ECMAScript 2020（ES11）中，Promise.allSettled 方法被正式引入，它可以同时处理多个异步操作，让我们更加方便地进行错误处理和结果检查。本文将介绍 Promise.allSettled 的相关技巧，并提供示例代码供读者参考。
Promise.allSettled 的使用
Promise.allSettled 接受一个 Promise 数组作为参数，这个数组可以是任意长度。当 Promise 数组中的所有 Promise 实例都返回结果时，Promise.allSettled 会返回一个新的 Promise 实例。这个新的 Promise 实例会解析为一个数组，包含了传递给 Promise.allSettled 的所有 Promise 实例的状态。每个状态都包含两个属性：状态（fulfilled 或 rejected）和值（如果状态为 fulfilled，则为对应 Promise 实例的解析值；如果状态为 rejected，则为对应 Promise 实例的 reject 原因）。
示例代码：
const promises = [Promise.resolve(1), Promise.reject(new Error('error')), Promise.resolve(3)];
Promise.allSettled(promises)
.then((results) => console.log(results))
.catch((error) => console.error(error));输出：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: Error: error at <anonymous>:2:29 },
{ status: 'fulfilled', value: 3 }
]如上所示，Promise.allSettled 方法解析的结果包含了每个 Promise 实例的状态和对应值（如果有）。
处理所有异步操作的技巧
在实际开发过程中，我们通常需要同时执行多个异步操作，然后在它们全部完成之后再进行后续处理。使用 Promise.allSettled 可以轻松处理这种情况，同时还能方便地检查每个操作的处理结果。
示例代码：
-- -------------------- ---- -------
----- -------- - -
--------------------------------------------------- -- ------------
--------------------------------------------------- -- ------------
------------------------------------------------------ -- ------------
--
----------------------------
--------------- -- -
----- ------ ----- -------- - ----------------------- -- ------------- --- ------------------------- -- --------------
----------------- ----- ---------
--
-------------- -- ----------------------在上面的示例中，我们同时向三个不同的 API 发送请求，在它们全部返回结果之后，使用 Promise.allSettled 将这些结果打包成数组。接着我们使用 filter 和 map 方法找到所有状态为 fulfilled 的结果，并将它们解析为变量 user、post、comment。这样就可以方便地在后续的处理中使用这些值了。
错误处理
除了处理所有异步操作完成的情况，Promise.allSettled 还有一个很重要的用途，那就是处理异步操作的错误。由于 Promise.allSettled 的返回值会包含所有 Promise 实例的状态和值，我们可以很方便地检查每个操作是否出现异常。如果某个操作出现异常，我们就可以根据实际情况采取适当的措施。
示例代码：
-- -------------------- ---- -------
----- -------- - -
--------------------------------------------------- -- ------------
--------------------------------------------------- -- ------------
------------------------------------------------------ -- ------------
----------------------------------------------- -- ------------
--
----------------------------
--------------- -- -
----- ------ - ----------------------- -- ------------- --- ------------------------ -- ---------------
-- -------------- - -- -
-- ----
- ---- -
-- ----
-
--
-------------- -- ----------------------在上面的示例中，我们故意让其中一个请求返回 404 错误。接着我们使用 Promise.allSettled 检查所有操作的处理结果，如果其中有任何一个操作发生异常，我们就可以在 then 方法中的错误处理段落中处理这个异常。这样可以避免一个操作出现错误就让整个程序崩溃。
结论
在 ECMAScript 2020 中，Promise.allSettled 方法的引入为并行处理多个异步操作提供了很大的便利。通过结合 Promise.allSettled 和其他流程控制技巧，我们能够方便地处理并行执行多个异步任务时的结果和错误，并确保整个程序的健壮性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6709f101d91dce0dc87d304d