Promise其它方法二
race静态方法,只要有一个改变状态,不管成功失败都返回这个改变状态的值,如果是普通值之间成功返回:
static race(promises){
return new Promise((resolve, reject) => {
for(let i = 0; i < promises.length; i++){
let current = promises[i];
if(isPromise(current)){
current.then(y => {
resolve(y);
}, r => {
reject(r);
})
}else{
resolve(current);
}
}
})
}
finally方法,无论成功失败都会执行,而且都能继续执行then方法,下一个then方法的参数是上一个的参数,finally里面只是执行,如果先调用finally再调用then,那么finally里面返回promise的话会先等待promise执行完毕,如果放在最后面就无需等待:
Promise.resolve(100).then(res => {
console.log(res);
}).finally(() => {
console.log('finally');
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(200);
}, 2000);
})
})
Promise.resolve(100).finally(() => {
console.log('finally');
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(200);
}, 2000);
})
}).then(res => {
console.log(res);
})
其实finally就是调用then方法,跟catch很像
finally(callback){
return this.then((value) => {
callback();
return value;
}, (err) => {
callback();
throw err;
});
}
无论成功失败都调用函数,只是这样就没有等待执行成功才往下走,所以我们给包一个promise:
finally(callback){
return this.then((value) => {
return Promise.resolve(callback()).then(() => value);
}, (err) => {
return Promise.resolve(callback()).then(() => {throw err});
});
}
这样就等返回的promise执行完了才往下执行,这边要注意一点,参数是上一个参数传递给后面的方法,finally里面的结果是不会传递的。
Promise差不多就这样了,至于其它方法any、try等,用法我都没研究,觉着要是真的有兴趣可以去研究学一下。
最后就是测试了,因为能力有限,就是跑通了自己调用时候结果和原生对比,但是一些其它情况的处理是没做,而且去跑那个测试,新加了这些方法反而报了一些错,还是当作学习就好了,不要求完整复现原生Promise。
最后附上完整的js:https://github.com/wade3po/demojs/blob/master/promise
image
发表评论 (审核通过后显示评论):