Promise其它方法二

本文深入探讨Promise的race和finally方法,解析其工作原理与使用场景,通过实例展示如何处理并发请求和确保回调函数的执行,无论Promise状态如何。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值