背景

  • 同样是作业,这个实现非常有特色,对我很有启发,特此记录一下
  • 目的:找个函数包装promise,使得调用这个函数的abort方法直接返回失败。

代码

function wrap(promise) {
    let abort = null;
    let res = null;
    let _p = new Promise((resolve, reject) => {
      res = resolve;
      abort = reject;
    });
    _p.abort = abort;
    promise.then(res, abort);
    return _p;
  }
let p = wrap(new Promise((resolve,reject)=>{
setTimeout(() => {
    resolve(1);  
}, 3000);
}))
p.then((data)=>{console.log(data)},()=>{console.log('失败')})
p.abort()

思考

  • 代码很简单,一看就能看懂,但是如果没看过这个代码前让自己实现一个能终止promise的情况就没想出来。
  • 需要总结一下原因:
  • 这个方法本质是将promise进行包装,在内部再建一个promise,把resolve|reject方法单独提取出来,传给真实的promise的then方法上.
  • 这个p.then调用的是内部Promise,也就是通过abort来直接执行reject,真正的promise因为执行了reject,导致状态已变更。
  • 但是这个有个缺点,真正的Promise虽然状态被改掉了,但是实际还是得等异步主体函数运行等待完才完成。
  • 所以这个方法实质还是新包装一个可操控的promise进行,如果提出promise的resolve,或者reject到公共部分,放入真正的逻辑实际也可以达到完美操控的目的。
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐