实现一个Promise.all
最近面试老是被问到这个,所以记录一下
Promise.all 概念:可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
demo:
let p1 = new Promise((resolve, reject) => { resolve('成功了') }) let p2 = new Promise((resolve, reject) => { resolve('success') }) let p3 = Promse.reject('失败') Promise.all([p1, p2]).then((result) => { console.log(result) //['成功了', 'success'] }).catch((error) => { console.log(error) }) Promise.all([p1,p3,p2]).then((result) => { console.log(result) }).catch((error) => { console.log(error) // 失败了,打出 '失败' })
如何自己实现一个promise.all呢
如下:
let promise1 = new Promise(function(resolve) { resolve(1); }); let promise2 = new Promise((resolve, reject)=> { reject('erroror') }) let promise3 = new Promise(function(resolve) { resolve(3); }); function myPromiseAll(promises) { let results = []; let promiseCount = 0; //用来计算参数中有没有被执行完 let promisesLength = promises.length; return new Promise(function(resolve, reject) { if(promises.length===0){ //传入的是空数组 resolve(results) } for (let [i,val] of promises.entries()) { if(val.then){ // 传入的是promise val.then(res=>{ results[i]=res promiseCount++ if(promiseCount===promisesLength){ resolve(results) } }).catch(err=>{ //有错的话直接reject reject(err) }) }else{ //传入的不是promise results[i]=val promiseCount++ if(promiseCount===promisesLength){ resolve(results) } } } }); }
myPromiseAll([promise1,promise2,promise3]).then(res=>{
console.log(res)
},err=>{
console.log(err)
})
参考文章:https://www.jianshu.com/p/c17085ce40ec
https://zhuanlan.zhihu.com/p/41502945
长风破浪会有时,直挂云帆济沧海