在 ES9 中，我们迎来了 Promise 的新能力 allSettled ，这个新增的方法可以让我们更加方便地操作异步任务。本文中，我们将会详细介绍 allSettled 的用法和指导意义。
Promise 和异步编程
在现代的 Web 开发中，异步编程是家常便饭。异步编程使得网页可以实现更复杂的操作，例如异步请求数据、处理用户事件等。但是，异步编程的另一面是带来了代码可读性和可维护性的问题，从 JavaScript 诞生起，传统的异步编程方式主要是通过 callback 回调函数的方式实现。
然而，ES6 提出了 Promise ，这个新的方式让编写异步代码变得更为优雅和简洁。Promise 几乎已经成为了现代前端开发的标准，但它也存在一些局限性，例如在存在多个异步任务的时候需要使用到链式调用的方式来实现部分同步的效果，这就带来了实现的复杂性和代码可读性的降低。因此，ES9 中新增的 allSettled 方法可以更好地实现针对多个异步任务的批量处理。
allSettled 的用法和示例代码
allSettled 方法接收多个 Promise 对象作为参数，返回一个包含每个 Promise 对象的状态的新 Promise 对象。这个新 Promise 对象的状态将会是一个数组，数组中包含了每个 Promise 对象的状态，无论其是否成功。
以下是 allSettled 方法的详细用法介绍：
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
// results 数组包含 { status: "fulfilled", value: "Promise Value" } 或者 { status: "rejected", reason: "Promise Error" } 对象
})我们可以看到，对于每一个 Promise 对象， allSettled 方法都会给出一个状态描述对象，这个对象包含了 Promise 的状态以及其对应的值。
下面是一段基础的示例代码：
-- -------------------- ---- -------
----- -------- - -
-------------------
------------------------
------------------
--
----------------------------
------------- -- -
---------------------
--在示例代码中，我们创建了一个包含了三个 Promise 对象的数组，第二个 Promise 对象是一个 reject 状态的 Promise ，我们可以看到 allSettled 方法返回的结果数组中，第一个元素代表了 resolve 状态的 Promise，第二个元素代表了 reject 状态的 Promise 并且包含了错误信息，第三个元素依旧代表了 resolve 状态的 Promise。这样，我们通过 allSettled 方法，就可以更加方便地对多个异步任务的状态进行处理。
总结
allSettled 方法为我们提供了更好的工具来处理多个异步任务，这个方法为我们解决了 Promise 在处理多个异步任务时存在的局限性。我们可以通过该方法，更好地优化我们的异步代码实现方案。
要注意的是，allSettled 方法目前并不是所有浏览器都支持，如果需要使用该方法，需要使用一个 polyfill 库或者浏览器兼容性库来解决浏览器兼容性问题。当然，如果你在 Node.js 环境下使用，那么目前 Node.js 11 以上版本已经原生支持了 allSettled 方法。
希望这篇文章能够为你提供更多关于 allSettled 方法的了解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a1303948841e9894d7410d