在前端开发中，使用异步编程技巧是很常见的。Promise 是一种广泛应用的 JavaScript 异步编程的解决方案，它可以使异步操作更加方便易读。
Promise.all 方法是用于处理多个异步操作的工具函数。然而，有时候我们会需要在所有异步操作完成后，无论结果如何，才能继续程序的运行。在这种情况下，Promise.all 方法可能并不符合我们的需求。
于是，Promise.allSettled 方法便应运而生。本文将详解 Promise.allSettled 的使用方法，并与 Promise.all 进行比较，以便更好地帮助大家理解如何在实践中使用它。
Promise.allSettled 方法的概述
Promise.allSettled 方法是一个在所有 Promise 完成后返回一个 Promise 对象，其状态为 "fulfilled"。“所有 Promise 完成”指的是，无论 Promise 对象的状态是 "fulfilled" 还是 "rejected"，Promise.allSettled 都会把它的结果存储在一个数组中，并且所有 Promise 都被解决后，返回这个数组。
其语法如下：
----------------------------
Promise.allSettled 方法的返回值
Promise.allSettled 返回的 Promise 对象会在所有 Promise 对象都解决后被 resolved。
返回的 Promise 对象的值是一个数组，其中包含 Promise 对象的状态和值。每个 Promise 对象都表示在 Promise.allSettled 方法中传递的 Promise 对象之一。数组的每个元素都是一个对象，对象包含两个属性：
status: 表示 Promise 对象当前的状态，可能的取值为"fulfilled"或"rejected"。value: 表示 Promise 对象的结果值（即resolve()或reject()的参数），如果状态为 "fulfilled"，则对应的 value 为 Promise 对象的解决值，否则为 Promise 对象的拒绝理由。
Promise.allSettled 示例代码
下面是一个简单的 Promise.allSettled 示例代码，它执行两个 Promise 对象并返回它们的状态和值：
----- -- - ------------------- ----- -- - ------------------------ ----------------------- ---- ------------- -- ---------------------- -- ------- --------- ------------ ------ --- -------- ----------- ------- ---------
Promise.all 方法与 Promise.allSettled 方法的比较
Promise.all 和 Promise.allSettled 方法都用于 Promise 对象的 batch 处理。
Promise.all 方法会在所有 Promise 对象都解决后被 resolved，并返回一个数组，其中包含了每个 Promise 对象的解决值。如果其中的某个 Promise 对象被拒绝，则 Promise.all 方法会立刻 reject 并返回其拒绝理由。
Promise.allSettled 方法类似地返回一个数组，其中包含了每个 Promise 对象的状态和值。Promise.allSettled 方法永远不会被拒绝，即使其中的某个 Promise 对象被拒绝，也会继续返回其拒绝理由。
因此，Promise.allSettled 方法可以更好地处理多个异步操作的错误，而不会导致程序中断。而对于只需要获得所有操作结果的情况，可以使用 Promise.all 方法。
结论
Promise.allSettled 方法是在所有 Promise 执行完成后，才返回结果。通过这个方法，我们可以处理多个异步操作，无论结果如何都能继续程序的执行。
Promise.allSettled 方法与 Promise.all 方法在处理多个异步操作方面有所不同。Promise.all 方法只有在所有操作都完成并且都成功的情况下返回结果，如果其中有一个操作失败，就会直接抛出异常。而 Promise.allSettled 方法则是在所有操作完成后返回结果，不论成功或失败，也不会抛出异常。
因此，根据具体的需求，合理地选择合适的方法，能够更好地处理异步操作，同时确保程序的健壮性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6709e243d91dce0dc87cbae8