在前端开发中，经常需要同时执行多个异步请求，并在所有请求都完成后进行下一步操作。在 ES6 中，我们可以使用 Promise.all 方法来实现这一功能。但是，在实际开发中，有时我们需要知道所有请求的执行结果，而不仅仅是其中一个异常或成功的结果。这时候，我们就需要用到 ES11 中新增的 Promise.allSettled 方法。
Promise.allSettled 方法的作用
Promise.allSettled 方法可以接收一个由 Promise 实例组成的可迭代对象，并返回一个新的 Promise 实例。当所有的 Promise 都已经执行完成后，该 Promise 实例会以一个数组作为参数进行 resolve，数组的每个元素都表示一个 Promise 的执行结果，包含以下两个属性：
- status: 表示 Promise 的状态，可能的值为 fulfilled，rejected。
- value: 表示 Promise 的返回值或者拒绝原因。
Promise.allSettled 方法的使用
下面展示了 Promise.allSettled 方法的使用方法：
----- -------- - - ------------------------- ------------------------ ---------------------------- -- ------------------------------------------- -- - --------------------- ---
输出结果为：
- - ------- ------------ ------ ------- -- - ------- ----------- ------- ------- -- - ------- ------------ ------ ---------- - -
Promise.allSettled 方法的指导意义
在实际开发中，我们经常需要对多个异步请求的结果进行处理，比如：发送多个请求来获取一个页面的不同部分内容；同时从不同数据源获取数据等等。而 Promise.all 方法只有当所有 Promise 都成功时，才返回结果，而一旦其中任何 Promise 被拒绝时，就会立即结束，并抛出拒绝原因。这就使得我们无法得知所有 Promise 的执行结果。
而 Promise.allSettled 方法则会等待所有 Promise 的执行结果，不论成功还是失败，都会返回所有 Promise 的执行结果。这为我们在处理异步请求时提供了更加全面的信息。比如我们可以根据执行结果来进行下一步的逻辑处理，或者将所有 Promise 的结果合并，最后再进行后续的操作。
Promise.allSettled 方法的注意点
在使用 Promise.allSettled 方法时，需要注意以下几点：
- Promise.allSettled 方法返回的 Promise 实例会等待所有 Promise 的执行结果，因此可能会导致等待时间较长的问题。如果希望较快地执行成功或失败的 Promise，可以考虑使用 Promise.race 方法。
- Promise.allSettled 方法在支持 ES11 新特性的浏览器版本中才可用。可以使用 Polyfill 进行兼容处理，或者使用 Babel 转译成 ES5 语法，保证代码的兼容性。
结论
Promise.allSettled 方法是 ES11 中新增的一个非常实用的方法，可以解决在处理多个异步请求时无法获取所有请求执行结果的问题。使用 Promise.allSettled 方法可以使我们更加方便地对所有异步请求的执行结果进行处理，提高代码的可维护性和健壮性。
希望本文能够帮助大家更好地理解 Promise.allSettled 方法的原理和应用，使大家在实际开发中更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67010af20bef792019b0b878