随着前端开发的不断进步，异步操作已经成为了前端开发中必不可少的一部分。而 Promise 作为处理异步操作最常用的方案之一，已经越来越受到前端开发者的关注。在 ES9 中，Promise 新增了一个名为 Promise.allSettled() 的方法，本文将会介绍该方法的详细使用方法及其指导意义。
Promise.allSettled() 方法介绍
Promise.allSettled() 方法返回一个 Promise，该 Promise 在数组中的所有参数项都已经处理（即fulfilled 或 rejected）后再异步地进行处理。返回的 Promise 会包含一个对象数组，每个对象描述当前数组中对应的 Promise 处理情况。该对象包含以下两个属性：
- status：即 Promise 状态，可能的取值为 "fulfilled" 或 "rejected"。
- value：当 Promise 状态为 fulfilled 时，value 是 Promise 返回值；当 Promise 状态为 rejected 时，value 是 Promise 抛出的异常。
Promise.allSettled() 的具体语法如下：
Promise.allSettled(iterable)
其中 iterable 为一个可迭代的数组或类数组对象，包含需要执行的 Promise 对象。
使用示例
下面通过一个实际的示例来介绍Promise.allSettled()的使用方法：
const p1 = new Promise((resolve, reject) => setTimeout(resolve, 1000)); const p2 = new Promise((resolve, reject) => setTimeout(reject, 2000)); Promise.allSettled([p1, p2]) .then(results => results.forEach(result => console.log(result.status)));
在上述示例中，我们通过 Promise.allSettled() 方法同时处理两个 Promise 对象。其中 p1 是一个 Pending 状态的 Promise，将在 1 秒后变为 fulfilled 状态；p2 也是一个 Pending 状态的 Promise，将在 2 秒后变为 rejected 状态。我们将两个 Promise 对象作为数组参数传入 Promise.allSettled() 方法中，并通过 then() 方法来输出每个 Promise 的状态。
运行上述示例代码，我们可以看到如下输出结果：
"fulfilled" "rejected"
由上述输出结果可以知道，Promise.allSettled() 方法返回的是一个对象数组，每个对象对应了传入的数组中的一个 Promise 对象。而其中 fulfulled 属性值表示该 Promise 的状态是否已经 Fulfill，rejected 属性表示该 Promise 的状态是否已经 Reject。
指导意义
通过上述的示例和解释，我们可以看出，Promise.allSettled() 方法可以很好的用于遍历多个异步操作，并及时响应每个异步操作的状态。同时，该方法对于需要同时处理多个异步操作时，可以有效提高代码效率和可读性，极大地简化代码的编写过程。
同时，需要注意的是，Promise.allSettled() 方法是在ES9中新添加的，它并不是在所有的浏览器中都被完全支持。因此，如果你正在使用 Promise.allSettled() 方法时，请确保你的运行环境支持该方法。
总结
在现代前端开发中，异步操作已经成为必不可少的一部分，而 Promise 作为异步处理的最常用方案，也越来越受到前端开发人员的欢迎。而 Promise.allSettled() 方法，则为我们提供了一种更方便、更高效、更易用的遍历多个异步操作的方法。如果你在日常前端开发中遇到了需要同时处理多个异步操作的需求，使用 Promise.allSettled() 方法可以帮助你更好地解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64967d7948841e98943a98f9