ECMAScript 2020 中的 Promise.allSettled：一看就懂的异步处理队列-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2020 中的 Promise.allSettled：一看就懂的异步处理队列

在日常的前端开发中，异步操作已经成为了必不可少的部分。为了提供更加高效和可靠的异步操作方式，ECMAScript 2020 引入了一个新的 Promise 方法：Promise.allSettled。

Promise.allSettled 是什么

Promise.allSettled 方法可以接收一组 Promise 对象作为参数，并返回一个新的 Promise 对象。这个新的 Promise 对象会在所有的 Promise 对象都成为 settled（即 fulfilled 或 rejected）状态后被 resolved。与 Promise.all 不同之处在于，Promise.all 只有在所有的 Promise 都成功的情况下才会 resolved，一旦其中某个 Promise 被 reject，整个 Promise.all 也会被 reject。而 Promise.allSettled 则会等待所有的 Promise 都 settled 后返回一个数组，数组中包含每个 Promise 的状态和值。

如何使用 Promise.allSettled

Promise.allSettled 方法的用法与 Promise.all 类似，只需要将需要处理的 Promise 对象数组作为参数传递进去即可。

以下是一个简单的示例：

----- --------- - ----- ------- - ------- -- -
  ------ ----------
    -------------- -- -
      -- ------------- -
        ------ ----------------
      - ---- -
        ------ ------------------ ------------- -- ---- --------
      -
    ---
--

--------------------
  -------------------------------------------
  -------------------------------------------
  ------------------------------------------
----------------- -- -
  ---------------------- -- -
    -- -------------- --- ------------ -
      --------------------------
    - ---- -
      -----------------------------
    -
  ---
---

这个例子中，使用了 fetchJSON 方法来获取远程数据。Promise.allSettled 方法会等待所有的请求都 settled 后，把每个请求的状态和返回值组成一个数组返回。我们可以使用 results.forEach() 来遍历这个数组，根据每个 Promise 的状态来决定是否打印数据或输出错误信息。

Promise.allSettled 的学习意义

Promise.allSettled 可以帮助开发者更加方便地处理异步操作。它不仅能够处理多个 Promise 对象的情况，还能够在有 Promise 被 rejected 时仍然返回结果，避免了 Promise.all 的缺陷。

同时，学习 Promise.allSettled 也能够加深对 Promise 的理解。在实际的开发中，Promise.allSettled 可以用于处理一组异步操作。使用它可以更好地控制异步操作的结果，并根据结果进行下一步操作。

结论

Promise.allSettled 是 ECMAScript 2020 中新增的一个方法，它能够帮助我们更好地处理异步操作。它可以接收一组 Promise 对象作为参数，并等待所有的 Promise 都 settled 后返回一个数组，数组中包含每个 Promise 的状态和值。同时，通过学习 Promise.allSettled，可以深入理解 Promise 的相关知识，并在实际开发中灵活运用。

来源：JavaScript中文网，转载请联系管理员！本文地址：https://www.javascriptcn.com/post/670b5defd91dce0dc889d49a