promise.all的实现 es6

左手的ㄟ右手 2022-11-08 14:12 159阅读 0赞

> |`Promise.all(iterable)`方法返回一个 \[`Promise`\]，此实例在 `iterable` 参数内所有的 `promise` 都“完成（resolved）”或参数中不包含 `promise` 时回调完成（resolve）；如果参数中 `promise` 有一个失败（rejected），此实例回调失败（reject），失败原因的是第一个失败 `promise` 的结果。

*  特点：
    
     *  返回值将会按照参数内的 promise 顺序排列，而不是由调用 promise 的完成顺序决定。
     *  有一个出错，就被认定为失败。
     *  返回的是一个promise。
     *  参数是一个数组，而且期望每个都是promise，如果不是会直接放入结果集。
 *  了解了特点，可以初步得到设计思路
    
     *  1.  promise.all()返回值是new Promise
     *  1.  需要用一个数组存放每一个promise的结果值
     *  1.  遍历参数数组，判断是否是promise，是的话执行得到结果后压入结果数组；否则直接放入结果数组。
     *  1.  当每个都成功执行后，resolve（result）
     *  1.  当有一个失败，reject

*  测试：

let p1 = Promise.resolve(3);
    let p2 = 1337;
    let p3 = new Promise((resolve, reject) => {
      setTimeout(resolve, 100, 'foo');
    }); 
    myPromiseAll([p1, p2, p3]).then(values => { 
      console.log(values); // [3, 1337, "foo"] 
    });

*  有一个操作失败情况

作者：ElricTang  
链接：https://www.jianshu.com/p/c8af0c130ccb  
来源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。