在前端开发中，使用异步编程技巧是很常见的。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(promises)
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 对象并返回它们的状态和值：
const p1 = Promise.resolve(1);
const p2 = Promise.reject("error");
Promise.allSettled([p1, p2])
.then(results => console.log(results));
// Output: [{status: "fulfilled", value: 1}, {status: "rejected", reason: "error"}]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