前言
在编写 JavaScript 代码的过程中，处理多个异步任务是很常见的场景。在 ES6 中，我们引入了 Promise 对象，可以级联处理多个异步任务，这极大地简化了异步编程的难度。但是在实际应用中，我们经常需要等待多个异步任务完成后再进行下一步操作。这时候，我们可以使用 Promise.all() ，等待多个 Promise 对象状态都变为 resolved 时，才返回结果。但是如果其中一个 Promise 对象的状态变为 rejected，Promise.all() 就会直接结束操作，返回一个 rejected 状态的 Promise 对象。
这时候，ES2019 引入了一个新特性：Promise.allSettled()。它可以等待所有 Promise 对象完成，而不管它们是否被 rejected。需要注意的是，Promise.allSettled() 返回的 Promise 对象状态为 resolved，而数组的每一个元素都是一个对象，每个对象都有一个 status 属性，表明 Promise 对象状态的变化。在这篇文章中，我们将详细介绍 Promise.allSettled() 的用法和示例代码。
Promise.allSettled() 的用法
Promise.allSettled() 方法接收一个 Promise 对象数组，其返回一个 Promise 对象。返回的 Promise 对象状态为 resolved，当数组中每个 Promise 对象的状态都变为 settled 时，返回的 Promise 对象的结果是一个数组，包含数组中每个 Promise 对象的状态信息。
示例代码为:
-- -------------------- ---- -------
----- -------- - -
------------------------- ------- ----
------------------------ ------- ----
------------------------- ------- ---
--
----------------------------
------------- -- -
---------------------- -- -------------------------- ---------------
---
-- ------------- --------- ------- ---
-- ------------ --------- ------- ---
-- ------------- --------- ------- ---在这个示例代码中，我们创建了一个 Promise 对象数组，其中包含三个 Promise 对象，包括两个 resolved 和一个 rejected 状态。我们将这个 Promise 对象数组传递给 Promise.allSettled() 方法，并通过 then() 处理返回的结果。结果是一个数组，包含了每个 Promise 对象的状态和值。我们可以看到，在这个例子中，返回的 Promise 对象的状态是 resolved，而每个 Promise 对象的状态都被记录在一个 status 属性中，运行结果为 ["fulfilled", "Resolved Promise 1"]、["rejected", "Rejected Promise 2"] 和 ["fulfilled", "Resolved Promise 3"] 。
Promise.allSettled() 的指导意义
Promise.allSettled() 方法为异步编程提供了更灵活和强大的工具。在多个异步任务的场景下，Promise.allSettled() 可以确保我们获得每个 Promise 对象的状态，并且不会在其中一个 Promise 对象状态变为 rejected 时终止操作。因此，在应用场景中，我们可以更准确地处理数据，更加有效地操作异步任务，进而提高代码质量和效率。
总结
我们这篇文章中，我们详细介绍了 ES2019 中引入的新特性: Promise.allSettled()。我们展示了这个方法的用法和例子，并解释了它对异步编程的指导意义。我们相信，学会使用 Promise.allSettled()，你将更好地应对实际编程工作中遇到的异步编程问题，提高代码质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ee2eeef6b2d6eab38485b7