Promise.allSettled() 和 Promise.all() 有什么区别?
简介:
Promise.allSettled() 和 Promise.all() 有什么区别?
- 返回结果的完整性
- Promise.all():
- 它返回一个新的Promise。只有当所有传入的Promise都变为
fulfilled
状态时,这个新的Promise才会变为fulfilled
状态,并且返回值是一个包含所有Promise成功结果的数组,数组的顺序与传入Promise的顺序一致。例如:const promise1 = new Promise((resolve) => setTimeout(() => resolve('结果1'), 1000));
const promise2 = new Promise((resolve) => setTimeout(() => resolve('结果2'), 2000));
const promise3 = new Promise((resolve) => setTimeout(() => resolve('结果3'), 1500));
Promise.all([promise1, promise2, promise3])
.then((results) => {
console.log(results);
});
- 只要有一个Promise被
rejected
,整个Promise.all()
返回的Promise就会立即变为rejected
状态,并且会将第一个被rejected
的Promise的错误信息传递给catch
方法。例如:const promiseA = new Promise((resolve) => setTimeout(() => resolve('A成功'), 2000));
const promiseB = new Promise((resolve, reject) => setTimeout(() => reject('B失败'), 1500));
const promiseC = new Promise((resolve) => setTimeout(() => resolve('C成功'), 1000));
Promise.all([promiseA, promiseB, promiseC])
.catch((error) => {
console.log(error);
});
- Promise.allSettled():
- 它也返回一个新的Promise。这个Promise会等待所有传入的Promise都完成(无论它们是
fulfilled
还是rejected
状态)。返回值是一个包含所有Promise结果的数组,每个结果是一个对象,对象有status
属性(值为fulfilled
或rejected
)和value
(fulfilled
状态下)或reason
(rejected
状态下)属性。例如:const promiseX = new Promise((resolve) => setTimeout(() => resolve('X成功'), 1000));
const promiseY = new Promise((resolve, reject) => setTimeout(() => reject('Y失败'), 1500));
const promiseZ = new Promise((resolve) => setTimeout(() => resolve('Z成功'), 2000));
Promise.allSettled([promiseX, promiseY, promiseZ])
.then((results) => {
console.log(results);
});
- 适用场景
- Promise.all():
- 适用于所有异步操作都必须成功才能进行下一步的情况。比如,当需要同时加载多个资源(如多个图片、多个接口数据),并且只有在所有资源都成功加载后才能进行页面渲染或其他操作时,
Promise.all()
是很好的选择。它强调所有操作的整体成功。
- Promise.allSettled():
- 更适用于需要了解每个异步操作的具体结果,而不管是否有操作失败的情况。例如,在批量处理任务(如批量发送网络请求、批量更新数据库记录)时,想要知道每个任务的完成情况,包括成功和失败的详细信息,就可以使用
Promise.allSettled()
。它更关注每个任务的个体结果。