promise系列之方法all与手写all

 promise静态方法-all

•    all方法接受一个iterable类型作为参数（常用数组）
•    如果all方法接受的所有promise都是成功状态，则all方法promise值为所有成功值组成的数组
•    如果all方法中有一个失败的promise，则直接返回第一个失败的promise，值是失败的promise

接下来我们进行验证

    const p1=Promise.resolve(1)
       const p2=Promise.resolve(2)
       const result =Promise.all([p1,p2])
       console.log(result);//显示了p1和p2的值



       const p3=Promise.resolve(3)
       const p4=Promise.reject(4)
       const p5=12;
       const result01=Promise.all([p3,p4,p5])
       console.log(result01);//显示了p4的错误

以上对于all方法进行了简单的实验，了解了其调用和返回的特点，接下来是对于all方法的手写，加深对于all方法的认识

promise的all方法手写

从上面的过程得知，

1.all方法可以接受一组参数

2.接收后对每个参数进行判断

3.返回promisestate和promiseresult     进行分析

 Promise.all=function(arr){//接收一个arr数组
        return new Promise((resolve,reject)=>{//返回promisestate和promiseresult
          let num=0;
          const arrnew=[];//接收数组arr中的被调整的值
          arr.forEach(function(item){         //对每个itme进行判断输出
            if(!(item instanceof Promise)){
              item = Promise.resolve(item);   //不是原型链中不是promise的值进行修改，修改后有promise的then方法
              console.log(item);              
            }
            item.then((value)=>{
              num++;
              arrnew.push(value);
              if (num >= arr.length) {
                  resolve(arrnew);//所有参数加入，返回
                }
            },(error)=>{
              reject(error);//此处不判断 ，有error直接返
            })
          })
       })
      }
      const p1 = Promise.resolve(1);
      const p2 = Promise.resolve(2);
      const p3 = "qwe";

      const result = Promise.all([p1, p2, p3]);
      console.log(result);

此代码中对于每一块进行了解释，可以更好的理解这个all方法