实现一个Promise.all

最近面试老是被问到这个,所以记录一下

 Promise.all 概念:可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。

demo:

let p1 = new Promise((resolve, reject) => {
  resolve('成功了')
})

let p2 = new Promise((resolve, reject) => {
  resolve('success')
})

let p3 = Promse.reject('失败')

Promise.all([p1, p2]).then((result) => {
  console.log(result)               //['成功了', 'success']
}).catch((error) => {
  console.log(error)
})

Promise.all([p1,p3,p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)      // 失败了,打出 '失败'
})

如何自己实现一个promise.all呢

如下:

  let promise1 = new Promise(function(resolve) {
    resolve(1);
  });
  let promise2 = new Promise((resolve, reject)=> {
    reject('erroror')
  })
  let promise3 = new Promise(function(resolve) {
    resolve(3);
  });
  function myPromiseAll(promises) {
    let results = [];
    let promiseCount = 0; //用来计算参数中有没有被执行完
    let promisesLength = promises.length;
    return new Promise(function(resolve, reject) {
      if(promises.length===0){  //传入的是空数组
        resolve(results)
      }
      for (let [i,val] of promises.entries()) {
        if(val.then){ //  传入的是promise
          val.then(res=>{
            results[i]=res
            promiseCount++
            if(promiseCount===promisesLength){
              resolve(results)
            }
          }).catch(err=>{ //有错的话直接reject
            reject(err)
          })
        }else{ //传入的不是promise
          results[i]=val
          promiseCount++
          if(promiseCount===promisesLength){
            resolve(results)
          }
        }
      }
    });

  }
myPromiseAll([promise1,promise2,promise3]).then(res=>{
console.log(res)
},err=>{
console.log(err)
})
 

参考文章:https://www.jianshu.com/p/c17085ce40ec

     https://zhuanlan.zhihu.com/p/41502945

 

 

  

posted @ 2021-11-16 15:55  菜鸟小何  阅读(386)  评论(0编辑  收藏  举报