随着 Web 技术的不断发展，前端开发越来越复杂，异步编程也越来越重要。Promise 是一种用于处理异步编程的技术，它在 ES6 中首次出现。自此，Promise 愈发成为现代 JavaScript 中必不可少的工具之一。而 ES11 中新增的 Promise.allSettled 更加方便开发者处理异步任务。
Promise 的回调
在处理异步任务时，回调是最常见的方法之一。例如在 Ajax 请求中，你需要传递一个回调函数来处理异步请求结果。但是，随着异步代码的不断增多，回调会变得非常复杂和难以维护。这被称为“回调地狱”问题。
Promise 解决了这个问题。我们可以使用 Promise 来处理异步任务，避免回调链变得异常复杂。Promise 可以将异步代码串成一条组合链，这使得代码的可读性和可维护性都得到了显著提升。
Promise.all 方法
在前端开发中，我们通常需要同时处理多个异步任务。在这种情况下，Promise.all 方法非常有用。它可以将多个 Promise 实例组合成一个数组，并等待它们全部完成。这个方法将返回一个 Promise 对象，该 Promise 对象的结果是由所有 Promise 对象的结果组成的数组。
-- -------------------- ---- -------
----- -------- - ------------------
----- -------- - ------------------
----- -------- - -----------------
----- -------- - ---------- --------- ---------
---------------------
--------------- -- -
--------------------
--
-------------- -- -
------------------
--
-- ------- ------ -上面的代码中，我们使用 Promise.all 方法来等待所有的 Promise 成功执行，并将结果返回给控制台。结果是由所有 Promise 对象的结果组成的数组。在这个例子中，Promise.all 方法最终返回一个错误，因为 promise3 被拒绝了。
Promise.allSettled 方法
不过，在某些情况下，我们可能希望即使一个或多个异步任务失败，我们仍然可以获得其结果。为此，ES11 带来了 Promise.allSettled 方法。
Promise.allSettled 方法将严格等待所有的 Promise 对象（包括属于成功和失败的），并总是返回所有 Promise 对象的状态和结果，而不是立即在有些元素失败时拒绝整个序列，这为开发人员提供了更大的灵活性。与 Promise.all 类似，Promise.allSettled 方法也返回一个 Promise 对象，该对象是由所有 Promise 对象的状态和结果组成的数组。
-- -------------------- ---- -------
----- -------- - ------------------
----- -------- - ------------------
----- -------- - -----------------
----- -------- - ---------- --------- ---------
----------------------------
--------------- -- -
--------------------
--
-- ------- --------------------- --------- -------------------- --------- ------------------- ------- ---上述代码展示了 Promise.allSettled 的用法。即使其中一个 Promise 对象被拒绝了，Promise.allSettled 方法也会等待所有 Promise 对象完成。结果是一个具有每个 Promise 对象状态和结果的数组，被拒绝的元素包含命名属性 “reason”，表示拒绝理由。
结论
在 ES11 中引入的 Promise.allSettled 方法，可以帮助我们在处理多个异步任务时，获得所有异步任务的结果，即使其中一个或多个任务失败也是如此。对开发人员而言，这是一个非常有用的工具，使用该方法，可以让代码变得更加可靠、可读和易于维护。
因此，我们可以使用 Promise.allSettled 方法来解决一些操作中的问题，例如检测当前操作是否完成，或者需要同时执行多个异步操作的情况，如批量处理等。使用 Promise.allSettled 更好地处理异步任务，可以提高前端应用的质量和性能。
参考资料
- MDN Promise.allSettled()
- Introducing Promise.allSettled
- The Modern JavaScript Tutorial - Promise.allSettled
- Asynchronous Programming written by Marijn Haverbeke.
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671f99222e7021665efea73e