在日常的前端开发中，异步操作已经成为了必不可少的部分。为了提供更加高效和可靠的异步操作方式，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