Promise.allSettled() 和 Promise.all() 有什么区别？-阿里云开发者社区

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

2025-01-10 106

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 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); // ["结果1", "结果2", "结果3"]
});

只要有一个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); // "B失败"
});

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);
  /*
  [
    {status: "fulfilled", value: "X成功"},
    {status: "rejected", reason: "Y失败"},
    {status: "fulfilled", value: "Z成功"}
  ]
  */
});

适用场景
- Promise.all()：
  - 适用于所有异步操作都必须成功才能进行下一步的情况。比如，当需要同时加载多个资源（如多个图片、多个接口数据），并且只有在所有资源都成功加载后才能进行页面渲染或其他操作时，Promise.all()是很好的选择。它强调所有操作的整体成功。
- Promise.allSettled()：
  - 更适用于需要了解每个异步操作的具体结果，而不管是否有操作失败的情况。例如，在批量处理任务（如批量发送网络请求、批量更新数据库记录）时，想要知道每个任务的完成情况，包括成功和失败的详细信息，就可以使用Promise.allSettled()。它更关注每个任务的个体结果。

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

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

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

热门文章

最新文章

相关电子书