promise.all promise.race promise.allSettled的区别?用promise.all实现promise.allSettled

最新推荐文章于 2025-05-20 14:15:35 发布

这个东西不好和你解释，因为我是菜狗

最新推荐文章于 2025-05-20 14:15:35 发布

阅读量789

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Javascript/jQuery/ES6

本文链接：https://blog.youkuaiyun.com/weixin_43912756/article/details/108273275

Javascript/jQuery/ES6 专栏收录该内容

31 篇文章

订阅专栏

本文深入解析Promise中的all(), race(), allSettled()三个方法。详细对比了它们在处理多个Promise实例时的不同行为，包括等待所有实例完成、返回最先完成的实例结果，以及收集所有实例的最终状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：promise
Promise 中的三兄弟 .all(), .race(), .allSettled()
简单概括：

1、promise.all()

Promise.all()方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例
只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数
只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数

2、promise.race()

只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数

3、promise.allSettled()

只有p1,p2 ,p3实例都返回结果，不管是fulfilled还是rejected，包装实例才会结束

所以，Promise.all()无法确定所有请求都结束，如果你需要知道所有入参的异步操作的所有结果，或者需要知道这些异步操作是否全部结束，应该使用promise.allSettled()

4、promise.all和promise.allSettled的区别

相同参数对应的处理方式的不同

Promise.allSettled()不管参数中的promise是fulfilled还是rejected，都会等参数中的实例都返回结果，包装实例才会结束
Promise.all()只有在接受的所有promise实例全部是fulfilled才会走Promise.all([p1,p2,p3]).then()方法，只要有其中一个promise实例是rejected，就会直接走catch方法，并且catch中只会返回第一个变成rejected的promise的错误

对于包装实例本身

Promise.allSettled()一旦有了结果，包装实例本身总是fulfilled状态
Promise.all()必须是接受参数中的所有promise实例都变为fulfilled状态，包装实例本身才会变为fullfilled状态，否则有一个接受参数中有一个rejected，则包装实例就是rejected状态

返回的数据结构

Promise.allSettled()接受的结果与入参时的promise实例一一对应，且结果的每一项都是一个对应

const resolved = Promise.resolve(42);
const rejected = Promise.reject(-1);

const allSettledPromise = Promise.allSettled([resolved, rejected]);

allSettledPromise.then(function (results) {
  console.log(results);
});
// [
//    { status: 'fulfilled', value: 42 },
//    { status: 'rejected', reason: -1 }
// ]

Promise.all()只有当所有入参的promise实例都是fulfilled状态，才会在Promise.all().then()方法中结果，返回结果也是与入参一一对应，结果中只包含实际的resolve的结果

5、用promise.all实现promise.allSettled

Promise.allSettled = function(list) {
  if (list instanceof Array) {
    let res = [];
    list.forEach((i) => {
      res.push(
        new Promise(function(resolve, reject) {
          i.then((v) => {
            resolve({state:true, data: v});
          }).catch((e) => {
            reject({state: false, data: e});
          });
        })
      );
    });
    return Promise.all(res);
  }
  return Promise.reject();