【javascript】包装promise,调用abort立即返回失败态或成功态的实现

背景

• 同样是作业，这个实现非常有特色，对我很有启发，特此记录一下
• 目的：找个函数包装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到公共部分，放入真正的逻辑实际也可以达到完美操控的目的。