[手写一个Promise.all()请求] | 刷题打卡

描述

实现一个Promise.all()方法

思路分析

Promise.all()有以下几个特点：

• 所有请求都执行完才会返回结果
• 返回数组中的每个结果对应请求传入的请求
• 任意一个请求过程出错，则立即reject

代码实现

function PromiseAll(proArr) {
  //proArr 为传入的promise数组
  let result = [] //最终结果
  let successCount = 0 //请求成功的次数
  return new Promise((resolve, reject) => {
    //遍历每一个请求
    for (let i = 0; i < proArr.length; i++) {
      proArr[i]
        .then((res) => {
          //请求成功
          successCount++
          result[i] = res //每个结果对应传入的promise
          //判断返回全部数据的时机
          if (successCount === proArr.length) {
            return resolve(result)
          }
        })
        .catch((err) => {
          //任意一个请求未成功就报错
          reject(err)
        })
    }
  })
}

总结

​ Promise.all()可以很好的处理并发请求的情况，但是它只会返回全部成功的信息，例如[{data:1},{data:2},{data:3}]，或者一个报错信息。这样就存在一个弊端：在出错的时候，并不能直观的看到那些已经成功的请求。

​ 好在目前提供了一个新的方法 Promise.allSettled(),用法与all()相同，并且它返回一个数组，能够并存成功和失败的请求，例如:

const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'foo'));
const promises = [promise1, promise2];

Promise.allSettled(promises).
  then((results) => results.forEach((result) => console.log(result.status)));

// expected output:
// "fulfilled"
// "rejected"