前端异步一步一步详解手写Promise（二）

最新推荐文章于 2024-03-21 10:05:17 发布

thomwang

最新推荐文章于 2024-03-21 10:05:17 发布

阅读量358

点赞数

分类专栏：前端异步文章标签： javascript html5

本文链接：https://blog.csdn.net/weixin_40902416/article/details/116131189

版权

本文将深入探讨并手写Promise的几个关键方法，包括：promiseAll的实现，当所有任务成功时返回成功，任一失败则失败；promiseAny，只要有任一任务成功即为成功，全部失败才失败；promiseRace，返回最快完成的任务结果；以及promiseAllSettled，等待所有任务返回结果后再进行处理。

摘要由CSDN通过智能技术生成

上一篇我们写了手写了一个Promise，后面的一系列Promise 的方法就简单了，我们也来写一写

1：promiseAll 方法 是全部成功，返回的promise 就成功，一个失败就是失败，我们可以用一个数组把返回结果装起来，成功的时候就往里面添加数据一旦素组的长度等于传进来数组的长度，那我们就Resolve

const myPromiseAll = (interable)=>{
  let count = 0;
  const res = [];// 装返回的结果
  return new Promise((resolve,reject)=>{

    const length = interable.length;
    if (length === 0) {
        return resolve(res);
    } 
    
    for(const [index,value] of interable.entries()){  
      Promise.resolve(value).then((data)=>{
        count ++;
        res[index] = data;
        if(count=== interable.lenght){
          resolve(res);//也就是数组的长度=传进来可遍历的长度 那就代表全部成功
        }
      }).catch(e=>{reject(e)})
    }
  })
}

2.promise.any 和all 相反，只要有一个成功就是成功，全部失败才是失败