Promise其它方法二

作者: wade3po | 来源:发表于2020-03-19 16:19 被阅读0次

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

相关文章

  • Promise其它方法二

    race静态方法,只要有一个改变状态,不管成功失败都返回这个改变状态的值,如果是普通值之间成功返回: finall...

  • Promise其它方法一

    Promise其它方法在一些场景里面使用还是蛮有用的,今天完善一下其它一些方法。 catch: 这个是最简单的,c...

  • JS 手写Promise

    二、手写Promise 1.Promise的设计和构造方法 2.then方法的设计 3.then方法的优化一 实现...

  • 一步步手写Promsie源码(二)

    Promise.all方法实现 Promise.resolve方法实现 Promise.finally方法实现 c...

  • 深度剖析:手写一个Promise源码

    目录 一、Promise核心逻辑实现 二、在 Promise 类中加入异步逻辑 三、实现 then 方法多次调用添...

  • Promise,async,await笔记

    Promise,async,await笔记 Promise 创建promise对象 Promise对象构造方法传入...

  • Javascript 面试经典 (二)

    Promise消除回调地狱 方法一: 方法二: Export 和 export default的区别 export...

  • 详解ES6 Promise

    整理Promise提供的各种方法和错误处理方法。 1.Promise.resolve() 1.1 Promise....

  • Promise对象

    Promise对象 创造一个Promise实例 then方法 Promise实例生成以后,可以用then方法分别指...

  • 为原型添加方法

    手动添加数组方法 为promise添加实现方法 promise.finally promise.all promi...

网友评论

    本文标题:Promise其它方法二

    本文链接:https://www.haomeiwen.com/subject/oculyhtx.html