• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

Prmise.all的简单实现

开发技术 开发技术 2周前 (09-10) 26次浏览

注意点

  • 入参一般是个由Promise实例组成的数组,但是也可以不是数组,但必须具有 Iterator 接口,且返回的每个成员都是 Promise 实例。若参数如果不是 Promise 实例,就会先调用Promise.resolve()方法,将参数转为 Promise 实例,再进一步处理。
  • 返回值是个promise,因为可以使用.then
  • 如果全部成功,状态变为resolved, 并且返回值组成一个数组传给回调
  • 但凡有一个失败,状态变为rejected, 并将error返回给回调

简单实现

Promise.all = (promisesArr) => {
    // 返回Promise
    return new Promise((resolve, reject) => {
        let dataArr = new Array(promisesArr.length);
        let count = 0;
        for (let i = 0; i < promisesArr.length; i++) {
            // 在 .then 中收集数据,并添加 .catch,在某一个 Promise 遇到错误随时 reject。
            // 这样,在最外面调用 Promise.all().catch() 时也可以 catch 错误信息
          // 判断当前这个元素是否为Promise对象,不是则转为Promise对象
        let currentPromise = (promisesArr[i] instanceof Promise) ? promisesArr[i] : Promise.resolve(promisesArr[i]);
            currentPromise.then(res => { 
            dataArr[index] = data;
              count++;
              // 如果数据收集完了,就把收集的数据 resolve 出去
              if (count === promisesArr.length) resolve(dataArr);
        }).catch(err => { 
            //如果某一个失败,promise.all()立即执行reject回调。
              //但剩余的promise依旧继续执行,只不过对promise.all的结果不会产生影响了
            reject(err) 
        });
        }
    })
}

注意⚠️:dataArr添加时用下标而不用数组时为了防止顺序错乱

 

参考

https://blog.csdn.net/MichelleZhai/article/details/104475521

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

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


程序员灯塔 , 版权所有
转载请注明原文链接:https://www.wangt.cc/2020/09/prmise-all%e7%9a%84%e7%ae%80%e5%8d%95%e5%ae%9e%e7%8e%b0/
喜欢 (0)