随着 JavaScript 的发展，ES9（ECMAScript 2018）带来了一系列新的功能。其中之一就是 Promise.allSettled() 方法。本文将深入探讨这个方法的新特性以及实例的运用。
什么是 Promise.allSettled()？
在了解 Promise.allSettled() 方法之前，先回顾一下 Promise.all() 方法。
Promise.all() 方法接受一个 Promise 对象数组，将它们作为参数传递。它在所有 Promise 对象的成功（resolve）和失败（reject）之后返回另一个 Promise 对象。
const promise1 = Promise.resolve('success1');
const promise2 = Promise.resolve('success2');
const promise3 = Promise.reject('error3');
Promise.all([promise1, promise2, promise3]).then(
values => console.log(values), // 这里不会执行
error => console.log(error) // 打印 'error3'
);当遇到 Promise 对象被拒绝时，Promise.all() 抛出拒绝错误。但为了让 Promise 对象继续执行，我们需要扩展 Promise 的行为。这就是 Promise.allSettled() 出现的目的，它接受一个 Promise 对象数组，返回所有 Promise 对象的状态，包括成功和失败。
-- -------------------- ---- ------- ----- -------- - ---------------------------- ----- -------- - ---------------------------- ----- -------- - ------------------------- ----------------------------- --------- ---------------- ------ -- -------------------- ----- -- ------------------ -- -- ---- -- - -- - ------- ------------ ------ ---------- -- -- - ------- ------------ ------ ---------- -- -- - ------- ----------- ------- -------- - -- -
通过 Promise.allSettled()，即使其中一个 Promise 被拒绝，我们也不必中止其他操作。它能够将所有 Promise 对象的状态返回给我们，这将有助于我们识别问题和处理错误。
实例详解
假设我们想获取一系列用户信息，其中一些请求可能失败。因为我们要处理大量用户信息，请求可能会相互影响，所以我们需要等待所有请求完成才能继续进行其他操作。
这时候，就可以使用 Promise.allSettled() 方法。
-- -------------------- ---- -------
----- ------------ - -
---------------------------------- -- -----------------
---------------------------------- -- -----------------
---------------------------------- -- -----------------
---------------------------------- -- -----------------
--
--------------------------------------------- -- -
----- ----- - ---
------------------------ ------ -- -
-- -------------- --- ------------ -
-------------------------
- ---- -
----------------- ------- - -- -------
-
---
-------------------
---上面的代码在请求过程中，通过 Promise all 方法从所以请求中聚合结果。当所有 Promise 完成时，它会把用户信息放在数组 users 中，而当 Promise 被拒绝时，则会输出用户信息请求失败的消息。
指导意义
实际开发中，我们需要不断改进代码的可靠性。Promise.allSettled() 方法是一个非常有用的工具，它能够通过返回所有 Promise 对象的状态（无论成功或失败），帮助我们更好地处理 Promise 执行的错误和异常情况。
使用 Promise 时，常常会有 Promise 被拒绝的情况发生。解决这个问题的一种方法是为 Promise 实例添加 catch 方法，但如果您有很多 Promise 实例，或者您不能和 Promise 创建者交互，则可能不是最理想的解决方案。
Promise.allSettled() 方法相较于 Promise.all() 方法，能够保证所有的 Promise 都得到执行，并且将所有 Promise 的返回值集中起来，因此在处理多个并发请求时会更方便。
在处理多个 Promise 对象执行异常的情况下，我们可以使用 Promise.allSettled() 方法来处理所有状态，从而避免中断整个程序。
值得注意的是，Promise.allSettled() 方法对应的浏览器版本支持较少，主要支持 ES9。但鉴于其实用性，值得我们深入学习和实践。
总结
本文深入探讨了 ES9 中的新特性 Promise.allSettled() 的详细运用和实例，指出它的优点以及在开发过程中的作用，展示它的实现和代码示例，以及阐述它如何帮助开发人员在处理多个并发请求时能够更方便地处理所有状态。
值得一提的是，Promise.allSettled() 方法也让我们能够更准确处理所有可能遇到的错误和异常情况，从而提高程序的可靠性，深受开发人员的喜爱。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64852e6348841e9894417894