手写代码实现promise.all方法

先看一下all方法的使用

Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。
需要特别注意的是，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，即p1的结果在前，即便p1的结果获取的比p2要晚。这带来了一个绝大的好处：在前端开发请求数据的过程中，偶尔会遇到发送多个请求并根据请求顺序获取和使用数据的场景，使用Promise.all毫无疑问可以解决这个问题。

    let p1=new Promise((resolve,reject)=>{
      setTimeout(() => {
        resolve(1111)
      }, 1000);
    })
    let p2=new Promise((resolve,reject)=>{
      setTimeout(() => {
        resolve(2222)
      }, 2000);
    })
    Promise.all([p1,p2]).then(res=>{
      console.log(res)
    })

手写all方法的实现

    let p1=new Promise((resolve,reject)=>{
      setTimeout(() => {
        resolve(1111)
      }, 1000);
    })
    let p2=new Promise((resolve,reject)=>{
      setTimeout(() => {
        resolve(2222)
      }, 2000);
    })
    // Promise.all([p1,p2]).then(res=>{
    //   console.log(res)
    // })
    function myPromiseAll(lists) {
      return new Promise((resolve,reject)=>{
        let resArr=[];
        let num=0
        lists.forEach(item => {
          item.then(res=>{
            resArr.push(res)
            num++
            if (num===lists.length) {
              resolve(resArr)
            }
          })
        });
      })
    }

    // 调用
    myPromiseAll([p1,p2]).then(res=>{
      console.log(res)
    })