近年来，前端开发人员在工作中越来越需要学习和掌握新的 ECMAScript（也称 JavaScript）标准。ECMAScript 2020（ES2020）是最新的 JavaScript 标准，带来了很多新的特性和语法，包括对 Promise 对象的改进。
在本文中，我将介绍一个新的 Promise 对象的方法 -- Promise.allSettled()，并演示如何在网络请求中使用它。
什么是 Promise.allSettled()？
Promise.allSettled() 是 ECMAScript 2020 标准引入的新方法，它接受一个 Promise 数组作为参数，并返回一个新的 Promise，该 Promise 在所有传入的 Promise 对象都已解决或拒绝后 resolve ，并返回一个数组，该数组包含每个 Promise 对象的解决值或拒绝原因。多数时候，我们只用到 Promise.all() 方法，该方法遵循任意一个 Promise 객체失败，则整个 Promise.all() 对象会失败。但是，Promise.allSettled() 行为与 Promise.all() 不同，这也是它的优点。
以下是一个示例代码片段，在这个例子中，使用了 Promise.allSettled() 和 async/await 语法：
-- -------------------- ---- ------- ----- ---- - - ----------------------------------------------- ----------------------------------------------- ---------------------------------------------- -- ----- -------- - -------------- --- -- - ----- -------- - ----- ----------- ------ ---------------- --- ----- ------- - ----- ----------------------------- ---------------------
很明显，这段代码使用了 fetch() API，该 API 可以返回一个 Promise 对象。我们把多个 Promise 对象生成在数组中，使用 Promise.allSettled() 方法解决该数组中所有的 Promise 对象，然后输出结果。不管是 promise 对象中最后获取资源成功的数据，还是失败的错误提示，都在这个例子中被捕获到，因为 Promise.allSettled() 确保所有 Promise 在处理完成后都会执行相应的操作。
Promise.allSettled() 与 Promise.all() 的区别
Promise.all() 和 Promise.allSettled() 都可以用来购合多个 Promise 实例。然而，它们之间有一些重要的区别。
Promise.all() 遵循短路规则，即如果其中一个 Promise 失败，它将立即拒绝，并且所有其他 Promise 将被忽略。与之相反，Promise.allSettled() 在所有 Promise 完成时都解决并返回它们的结果。
Promise.all() 只返回拒绝原因，而 Promise.allSettled() 返回成功和失败结果。如果一个 Promise 实例已经解决了，它将返回一个状态为 "fulfilled" 的对象，该对象只是响应数据；如果一个 Promise 实例已经拒绝了，Promise.allSettled() 将返回一个状态为 "rejected" 的对象，该对象包含一个错误对象。
Promise.allSettled() UI 友好。如果我们在 Promise.all() 中遇到错误，该 Promise 立即被拒绝并且直接挂起。然而 Promise.allSettled() 不同，当 Promise 对象被拒绝时，我们有机会处理 Promise 结束后返回的数据。
使用 Promise.allSettled() 的场景
Promise.allSettled() 由于可以返回成功和失败的数据，所以它在以下场合中特别有用：
执行需要所有 Promise 完成的顺序无关或顺序无关的操作。
让代码在每个 Promise 结束后执行回调，不管是失败还是成功。
把执行异步任务后检查所有任务的失败或成功。这在执行流程良好的集成测试或单元测试中特别有用。
有一组异步任务，您必须要等待所有异步任务完成才可以执行其他任务。
读取多个 HTTP API，需要每个 API 请求都成功后再执行操作。
总结
本文介绍了 ECMAScript 2020 引入的新方法 Promise.allSettled()，以及当在网络请求时使用该方法的优点。我们还比较了该方法和 Promise.all() 方法之间的区别，并列举这样使用方法的场景。
总的来说，Promise.allSettled() 是一种非常有用的 JavaScript 新特性，可以简化我们的异步编程代码，并在代码流程的错误处理中提供了更多的灵活性。我希望本文能够帮助您更好地了解它，以及如何将其集成到您的代码中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a4737e48841e98940e2fe6