在 JavaScript 前端开发中，异步编程是一个不可避免的话题，Promise 是一种常用的实现异步编程的方式。在 ES6 引入 Promise 后，它的使用逐渐普及。ES12（ES2021）是即将于 2021 年发布的 JavaScript 语言版本，它引入了 Promise.allSettled() 方法，提供了更好的异步编程方案。
Promise.allSettled() 的作用
Promise.allSettled() 方法的作用是在所有 Promise 都被 resolved 或 rejected 之后，返回一个 Promise 对象，包含每个 Promise 的响应状态信息。这是与 Promise.all() 相比一个重要的区别，因为 Promise.all() 只能判断最终状态是 resolved 还是 rejected。
Promise.allSettled() 的返回值是一个数组，数组中的每个元素都是一个对象，包含了 Promise 对象的状态信息和结果。
Promise.allSettled() 的示例
下面是一个简单的示例，使用 Promise.allSettled() 方法展示：
const promise1 = Promise.resolve(1);
const promise2 = Promise.reject('error');
const promise3 = Promise.resolve({name: 'Tom', age: 18});
Promise.allSettled([promise1, promise2, promise3])
.then(result => console.log(result));上述代码中，Promise.allSettled() 方法接收三个 Promise 对象，分别代表成功、失败和成功的情况。当所有的 Promise 对象都已经 settled（即 resolved 或 rejected）之后，调用 .then() 方法输出了结果。运行结果如下：
[{status: 'fulfilled', value: 1}, {status: 'rejected', reason: 'error'}, {status: 'fulfilled', value: {name: 'Tom', age: 18}}]结果中每个对象包含了相应 Promise 对象的状态信息。可以看到，promise1 和 promise3 成功返回了结果（分别是数字 1 和一个对象），promise2 失败并返回了错误信息 'error'。
Promise.allSettled() 的学习和指导意义
Promise.allSettled() 提供了一种更加灵活、详细的异步编程方案，使我们能够更加便捷地解决错误处理问题。它能够返回所有 Promise 的状态信息，包括成功的和失败的。在实际应用中，这种情况非常常见，一些数据在一定时间内可能会成功或失败，我们需要尽可能地获取到更多的信息。
同时，Promise.allSettled() 也提供了更好的错误处理。通过它，我们能够监控任何一个 Promise 对象是否正在出现问题，从而对错误进行更加细致的处理。如果您想提供更好的用户体验、代码质量或者测试效果，Promise.allSettled() 是一个非常好的选择。
总结
在本文中，我们介绍了 ES12 中引入的 Promise.allSettled() 方法，详细地讲解了它的使用和与 Promise.all() 的比较。通过学习本文，读者对如何更好地使用 Promise 所提供的 async/await 编程模式和错误处理方法有了更深的理解。同时也理解到，在前端开发中使用 Promise.allSettled() 可以提高代码质量和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c3c11783d39b48817b2b48