实现 Promise.all、实现 Promise.race-优快云博客

本文详细介绍了Promise.all和Promise.race的JavaScript实现。Promise.all接收一个空的可迭代对象时直接resolve，当任意一个Promise失败则整体失败，最终返回结果为数组。而Promise.race则在任一Promise完成时立即resolve，并停止其余Promise的执行。

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

对于 all 方法而言，需要完成下面的核心功能:

传入参数为一个空的可迭代对象，则直接进行resolve。
如果参数中有一个promise失败，那么Promise.all返回的promise对象失败。
在任何情况下，Promise.all 返回的 promise 的完成状态的结果都是一个数组

上代码！

Promise.all = function(promises) {
  return new Promise((resolve, reject) => {
    let result = [];
    let index = 0;
    let len = promises.length;
    if(len === 0) {
      resolve(result);
      return;
    }
   
    for(let i = 0; i < len; i++) {
      // 为什么不直接 promise[i].then, 因为promise[i]可能不是一个promise
      Promise.resolve(promise[i]).then(data => {
        result[i] = data;
        index++;
        if(index === len) resolve(result);
      }).catch(err => {
        reject(err);
      })
    }
  })
}

race 的实现相比之下就简单一些，只要有一个 promise 执行完，直接 resolve 并停止执行

上代码！

Promise.race = function(promises) {
  return new Promise((resolve, reject) => {
    let len = promises.length;
    if(len === 0) return;
    for(let i = 0; i < len; i++) {
      Promise.resolve(promise[i]).then(data => {
        resolve(data);
        return;
      }).catch(err => {
        reject(err);
        return;
      })
    }
  })
}