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。
(完)
本文分享自微信公众号 - coding个人笔记(gh_2ce38b49dae1),作者:wade
原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。
原始发表时间:2020-03-19
本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。
我来说两句