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

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):