Promise 是 JavaScript 中的一个非常重要的 API，使用 Promise 可以更好地处理异步操作，让代码更加简洁和易于维护。Promise.all() 和 Promise.allSettled() 都是 Promise 的重要方法，本文将介绍这两个方法的区别和应用。
Promise.all()
Promise.all() 用于将多个 Promise 实例包装成一个新的 Promise 实例，它接受一个数组参数，数组中的每个元素都是一个 Promise 实例，如果所有的 Promise 实例都变为 fulfilled 状态，返回的 Promise 实例才会变为 fulfilled 状态，并且返回一个数组，数组中包含了每个 Promise 实例的返回值。如果其中任意一个 Promise 实例变为 rejected 状态，返回的 Promise 实例就会立即变为 rejected 状态，并抛出这个 Promise 实例的错误信息。
下面是一个使用 Promise.all() 的例子：
const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);
Promise.all([promise1, promise2, promise3])
.then(values => {
console.log(values); // [1, 2, 3]
});Promise.allSettled()
Promise.allSettled() 用于将多个 Promise 实例包装成一个新的 Promise 实例，它接受一个数组参数，数组中的每个元素都是一个 Promise 实例，无论每个 Promise 实例的状态如何，返回的 Promise 实例都会变为 fulfilled 状态，返回一个数组，数组中包含了每个 Promise 实例的状态信息。每个状态信息是一个对象，包含了状态和值或理由。
下面是一个使用 Promise.allSettled() 的例子：
const promise1 = Promise.resolve(1);
const promise2 = Promise.reject('error');
const promise3 = Promise.resolve(3);
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
console.log(results);
});输出结果：
[
{ status: 'fulfilled', value: 1 },
{ status: 'rejected', reason: 'error' },
{ status: 'fulfilled', value: 3 }
]区别与应用
Promise.all() 和 Promise.allSettled() 都是将多个 Promise 实例包装起来，但是它们的返回值不同。Promise.all() 返回一个数组，数组中包含了每个 Promise 实例的返回值，而 Promise.allSettled() 返回一个数组，数组中包含了每个 Promise 实例的状态信息。
Promise.all() 适用于在多个 Promise 实例都需要完成的情况，通常使用 Promise.all() 可以将多个异步任务并行执行，提高程序的执行效率。
Promise.allSettled() 适用于需要等待所有 Promise 实例执行完毕，在对结果进行处理的场景，通常使用 Promise.allSettled() 可以获取所有 Promise 实例的状态信息，方便开发人员对异常情况进行处理。
综上所述，Promise.all() 和 Promise.allSettled() 在处理异步任务和处理结果方面的区别是显而易见的。因此，在使用时需要根据具体场景选择适合自己的方法，以便更好的处理异步问题。
总结
Promise.all() 和 Promise.allSettled() 是 Promise 中非常重要的两个方法，它们的区别在于返回结果的形式不同。Promise.all() 返回的是多个 Promise 实例的返回值数组，而 Promise.allSettled() 返回的是多个 Promise 实例的状态信息数组。
在实际开发中，我们需要根据具体情况选择合适的方法使用。在多个异步任务需要同时完成的情况下使用 Promise.all() 可以提高程序执行效率，在需要等待所有 Promise 实例执行完毕后对结果进行处理时使用 Promise.allSettled() 可以方便开发人员进行错误处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a240beadd4f0e0ffa57297