在前端开发中，异步编程是非常常见的，而 Promise 是一种优秀的异步编程解决方案。随着 JavaScript 语言的不断发展，Promise 也在不断地完善和演进，ES11 中引入了 Promise.allSettled 方法，本文将对其进行介绍和用法的详细讲解。
Promise.all 和 Promise.allSettled 的区别
在介绍 Promise.allSettled 之前，我们先来了解一下 Promise.all 方法。Promise.all 方法接受一个 Promise 对象数组作为参数，然后返回一个新的 Promise 对象，只有当数组中所有的 Promise 对象都成功时，才会触发这个新的 Promise 对象的成功回调函数；如果其中有一个 Promise 对象失败了，则会触发这个新的 Promise 对象的失败回调函数。
而 Promise.allSettled 方法也接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象，不同的是，这个新的 Promise 对象的成功回调函数和失败回调函数都不会被触发，而是等待数组中所有的 Promise 对象都完成后，返回一个包含所有 Promise 对象状态（fulfilled 或 rejected）的数组。
Promise.allSettled 的用法
Promise.allSettled 方法的使用非常简单，只需要将一个 Promise 对象数组作为参数传递给它即可。下面是一个简单的示例：
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'Error'));
const promise3 = Promise.resolve('Hello');
Promise.allSettled([promise1, promise2, promise3])
.then(results => console.log(results));运行上面的代码，会输出一个数组，包含所有 Promise 对象的状态，如下所示：
[
{ status: 'fulfilled', value: 3 },
{ status: 'rejected', reason: 'Error' },
{ status: 'fulfilled', value: 'Hello' }
]从结果中可以看出，Promise.allSettled 方法返回了一个数组，包含了所有 Promise 对象的状态。每个状态对象都包含一个 status 属性，表示 Promise 对象的状态，可以是 fulfilled 或 rejected；同时也包含一个 value 或 reason 属性，分别表示 fulfilled 和 rejected 的值。
Promise.allSettled 的指导意义
Promise.allSettled 方法的出现，使得我们可以更加方便地处理多个异步任务的状态，而不需要手动编写 Promise.all 方法的成功和失败回调函数。在实际开发中，这样的需求非常常见，比如我们需要在页面加载完成后，同时请求多个接口数据，然后根据数据的返回结果动态渲染页面。使用 Promise.allSettled 方法，我们可以轻松地实现这样的功能。
总结
Promise.allSettled 是 ES11 中新增的一个方法，可以并行执行多个异步任务，并返回一个数组，包含所有任务的状态。这个新的方法可以极大地简化异步编程的代码，提高开发效率。在实际开发中，我们可以根据具体的业务需求，选择合适的异步编程解决方案，使得代码更加清晰、简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6511597d95b1f8cacd9cee2b