一、Promise.all()
核心思路:
- Promise.myAll()返回的肯定是一个promise对象,所以可以直接写一个return new Promise((resolve, reject) => {})(这应该是一个惯性思维)
- 遍历传入的参数,用Promise.resolve()将参数"包一层",使其变成一个promise对象
- 关键点是何时"决议",也就是何时resolve出来,在这里做了计数器(count),每个内部promise对象决议后就将计数器加一,并判断加一后的大小是否与传入对象的数量相等,如果相等则调用resolve(),如果任何一个promise对象失败,则调用reject()方法。
一些细节: - 官方规定Promise.all()接受的参数是一个可遍历的参数,所以未必一定是一个数组,所以用Array.from()转化一下
- 使用for…of进行遍历,因为凡是可遍历的变量应该都是部署了iterator方法,所以用for…of遍历最安全
Promise.all = function (iterator) {
let count = 0//用于计数,当等于len时就resolve
let len = iterator.length
let res = []//用于存放结果
return new Promise((resolve,reject) => {
for(let i in iterator){
Promise.resolve(iterator[i])//先转化为Promise对象
.then((data) => {
res[i] = data;
if(++count === len){
resolve(res)
}
})
.catch(e => {
reject(e)
})
}
})
}
var promise1 = Promise.resolve(3);
var promise2 = new Promise(function(resolve, reject) {
setTimeout(resolve, 100, 'foo');
});
var promise3 = 42;
Promise.all([promise1, promise2, promise3]).then(function(values) {
console.log(values);
});
二、Promise.race()
核心思路:
谁先决议那么就返回谁,所以将all的计数器和逻辑判断全部去除掉就可以了。
Promise.race = function (iterators) {
return new Promise((resolve,reject) => {
for (const p of iterators) {
Promise.resolve(p)
.then((res) => {
resolve(res)
})
.catch(e => {
reject(e)
})
}
})
}
var promise1 = new Promise(function(resolve, reject) {
setTimeout(resolve, 500, 'one');
});
var promise2 = new Promise(function(resolve, reject) {
setTimeout(resolve, 100, 'two');
});
Promise.race([promise1, promise2]).then(function(value) {
console.log(value);
// Both resolve, but promise2 is faster
});``
**参考链接:**
[手写源码系列二——Promise相关方法]([https://zhuanlan.zhihu.com/p/69457730](https://zhuanlan.zhihu.com/p/69457730)
)