promise all 的简易实现

coding者

于 2021-04-30 11:50:23 发布

阅读量138

点赞数

分类专栏：原理文章标签： javascript js

本文链接：https://blog.youkuaiyun.com/weixin_42875598/article/details/116299513

版权

原理专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何使用mypromise构造函数创建自定义Promise实例，重点讲解了then()方法处理回调和all()方法处理并发任务的顺序执行。通过实例展示了如何并行执行task1和task2，确保结果按顺序返回。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function mypromise(fn) {
    this.cache = null;
    this.resolve = (value) => {
      this.data = value;
      this.cache(value);
    };

    fn&&fn(this.resolve);
  }
  mypromise.prototype.then = function (func_onResolved) {
    this.cache = func_onResolved;
  };

  mypromise.prototype.all = function (arr = []) {
    const resCache=[]
    for (let index = 0; index < arr.length; index++) {
      arr[index]().then((res)=>{
        resCache.push({res,index})
        if(resCache.length===arr.length){
          this.resolve(resCache.sort(function(a,b){
            if(a.index>b.index){
              return 1
            }
            return -1
          }).map(_=>_.res))
        }
      })
    }
    return this
    
  }

  //测试
  const task1=function(){
    return new mypromise(resolve=>{
      setTimeout(()=>{
        resolve(5)
      },2000)
    })
  }

  const task2=function(){
    return new mypromise(resolve=>{
      setTimeout(()=>{
        resolve(2)
      },1000)
    })
  }

  new mypromise().all([task1,task2]).then(res=>{
    console.log(res,'res');
  })