ES11 (2020) 中的 Promise.allSettled：如何更好地处理异步任务？

随着 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