手写promise方法

1.promise.all

function promiseAll(promises) {
    
    
  // 全部resolve或者一个reject就返回
  return new Promise(function (resolve, reject) {
    
    
    if (!Array.isArray(promises)) {
    
    
      return reject(new TypeError("入参必须是数组"));
    }
    let resolvedCount = 0;
    let len = promises.length;
    let resolvedValues = new Array(len);
    for (let i = 0; i < len; i++) {
    
    
      Promise.resolve(promises[i]).then(
        (value) => {
    
    
          resolvedCount++;
          resolvedValues[i] = promises[i];
          if (resolvedCount === len) {
    
    
            return resolve(resolvedValues);
          }
        },
        (err) => {
    
    
          return reject(err);
        }
      );
    }
  });
}

2.Promise.race

function promiseRace(promises) {
    
    
  // 只要有一个结果就返回，不管是对的还是错的

  return new Promise((resolve, reject) => {
    
    
    if (!Array.isArray(promises)) {
    
    
    return reject(new TypeError("入参必须是数组"));
  }
    promises.forEach((value) => {
    
    
      Promise.resolve(value).then(
        (res) => {
    
    
          return resolve(res);
        },
        (err) => {
    
    
          return reject(err);
        }
      );
    });
  });
}

3.Promise.any

function promiseAny(promises) {
    
    
// 只要其中的一个 promise 成功，就返回那个已经成功的 promise 。如果可迭代对象中没有一个 promise 成功（即所有的 promises 都失败/拒绝），就返回一个失败的 promise 和AggregateError类型的实例
  return new Promise((resolve, reject) => {
    
    
    promises = Array.isArray(promises) ? promises : [];
    let len = promises.length;
    // 用于收集所有 reject
    let errs = [];
    // 如果传入的是一个空数组，那么就直接返回 AggregateError
    if (len === 0)
      return reject(new AggregateError("All promises were rejected"));
    promises.forEach((promise) => {
    
    
      promise.then(
        (value) => {
    
    
          resolve(value);
        },
        (err) => {
    
    
          len--;
          errs.push(err);
          if (len === 0) {
    
    
            reject(new AggregateError(errs));
          }
        }
      );
    });
  });
};