Promise.all()和Promise.allSettled()有什么区别？

Promise.all和Promise.allSettled是两种不同的Promise方法，它们在使用场景和返回结果上有所不同。 1. Promise.all： - 使用场景：当需要等待多个Promise对象都完成后再执行后续操作时，可以使用Promise.all。 - 返回结果：返回一个新的Promise对象，Promise对象在所有给定的Promise对象都已经fulfilled后才会fulfilled，如果其中任何一个Promise对象被rejected，则返回的Promise对象会立即被rejected。 - 示例代码： ```javascript 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] }) .catch(error => { console.log(error); // 如果有任何一个Promise对象被rejected，则会执行这里的代码 }); ``` 2. Promise.allSettled： - 使用场景：当需要等待多个Promise对象都完成后，无论是fulfilled还是rejected，都需要获取每个Promise对象的结果时，可以使用Promise.allSettled。 - 返回结果：返回一个新的Promise对象，该Promise对象在所有给定的Promise对象都已经fulfilled或rejected后才会fulfilled，返回的Promise对象带有一个对象数组，每个对象表示对应的Promise对象的结果，包括状态（fulfilled或rejected）和值。 - 示例代码： ```javascript const apiOne = function(id) { return new Promise((resolve, reject) => { resolve({ result: true, text: 1 }); }); }; const apiTwo = function(id) { return new Promise((resolve, reject) => { reject({ result: true, text: 2 }); }); }; Promise.allSettled([apiOne('one'), apiTwo('two')]) .then(results => { console.log(results); /* 输出： [ { status: 'fulfilled', value: { result: true, text: 1 } }, { status: 'rejected', reason: { result: true, text: 2 } } ] */ }) .catch(error => { console.log(error); }); ```

### JavaScript `Promise.all` vs `Promise.allSettled` #### 定义与行为 `Promise.all` 和 `Promise.allSettled` 均用于处理多个 Promise 实例，但两者的行为存在显著差异。 对于 `Promise.all`，当传入的任意一个 Promise 被拒绝时，整个调用会立即被拒绝并触发 catch 方法中的回调函数[^1]。这使得它适用于所有操作都需要成功的场景。 相反，`Promise.allSettled` 则会在所有的 Promises 结束后（无论是完成还是失败）才会执行 then 中定义的操作，并且不会因为某个 Promise 的失败而提前终止其他 Promise 的执行过程[^2]。因此，在需要知道每一个单独任务的结果而不关心整体是否全部成功的情况下更为适用。 #### 使用示例 ##### 使用 `Promise.all` 下面展示了如何利用 `Promise.all` 来并发运行两个不同的异步任务： ```javascript const promise1 = Promise.resolve('Promise 1 成功'); const promise2 = Promise.reject('Promise 2 失败'); Promise.all([promise1, promise2]) .then((values) => { console.log(values); }) .catch((error) => { console.log('An error occurred in Promise.all():', error); // 输出: An error occurred in Promise.all(): Promise 2 失败 }); ``` 一旦其中一个 Promise 发生错误，则直接进入 `.catch()` 并停止进一步处理剩余的任务。 ##### 使用 `Promise.allSettled` 相比之下，这里有一个例子说明了怎样通过 `Promise.allSettled` 获取一组不同状态下的 Promises 的最终结果： ```javascript mounted() { const promise1 = Promise.resolve(11); const promise2 = new Promise((resolve, reject) => setTimeout(reject, 1000, 'foo0') ); const promise3 = Promise.reject(12); Promise.allSettled([promise1, promise2, promise3]).then((results) => { console.log('results:', results); // 打印每个 Promise 的状态和值 }).catch(err=>{ console.log('err:', err); // 不会被触发 }); } ``` 在这个案例里，即便某些 Promise 出现异常也不会影响到其他的正常工作流程；最后可以得到关于这些 Promises 的完整报告。 #### 总结 - 当希望确保一系列独立但相互依赖的任务都能顺利完成时可以选择 `Promise.all`。 - 若只是想要收集各个子任务的状态信息而不是关注全局的成功与否的话则更适合采用 `Promise.allSettled`。