前端刷题-Promise系列

Promise系列

promise.all

// 定义
Promise.all = function (promises) {
  let count = 0;
  let result = [];
  return new Promise((resolve, reject) => {
    for (let i = 0; i < promises.length; i++) {
      promises[i]
        .then((res) => {
          count++;
          result[i] = res;
          if (count === promises.length) {
            resolve(result);
          }
        })
        .catch((err) => {
          reject(err);
        });
    }
  });
};

// 验证
Promise.all([
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(2);
    }, 2000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(3);
    }, 3000);
  }),
])
  .then((res) => {
    console.log(res);
  })
  .catch((err) => {
    console.log(err);
  });

promise.race

// 定义
Promise.race = function (promises) {
  return new Promise((resolve, reject) => {
    for (let i = 0; i < promises.length; i++) {
      promises[i]
        .then((res) => {
          resolve(res);
        })
        .catch((res) => {
          reject(res);
        });
    }
  });
};

// 验证
Promise.race([
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(2);
    }, 500);
  }),
])
  .then((res) => {
    console.log(res);
  })
  .catch((err) => {
    console.log(err);
  });

promise.any

// 定义
Promise.any = function (promises) {
  let count = 0;
  let result = [];
  return new Promise((resolve, reject) => {
    for (let i = 0; i < promises.length; i++) {
      promises[i]
        .then((res) => {
          resolve(res);
        })
        .catch((err) => {
          count++;
          result[i] = err;
          if (count === promises.length) {
            reject(result);
          }
        });
    }
  });
};

// 验证
Promise.any([
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(1);
    }, 1000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(2);
    }, 2000);
  }),
  new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(2);
    }, 2000);
  }),
])
  .then((res) => {
    console.log(res);
  })
  .catch((err) => {
    console.log(err);
  });

Promise除了基本的resolve，reject等方式，还有以上三种常用的方法，是经常在面试中被问到要手写的重点，三者的主要定义和区别是：
Promise.all：
接收一个 Promise 数组，返回一个新的 Promise，在所有输入 Promise 都解决后解决，解决值是一个包含所有 Promise 结果的数组，一旦有一个被reject，则立即返回这个reject的结果。
Promise.race：
接收一个 Promise 数组，返回一个新的 Promise，当任意一个输入 Promise 解决或拒绝时，新 Promise 也相应地解决或拒绝，永远返回最快的一个的结果。
Promise.any：
接收一个 Promise 数组，返回一个新的 Promise，当任意一个输入 Promise 解决时，新 Promise 解决。如果所有 Promise 都拒绝，那么新 Promise 也会拒绝。