【javascript】包装promise,调用abort立即返回失败态或成功态的实现
背景同样是作业,这个实现非常有特色,对我很有启发,特此记录一下目的:找个函数包装promise,使得调用这个函数的abort方法直接返回失败。代码function wrap(promise) {let abort = null;let res = null;let _p = new Promise((resolve, reject) => {...
·
背景
- 同样是作业,这个实现非常有特色,对我很有启发,特此记录一下
- 目的:找个函数包装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到公共部分,放入真正的逻辑实际也可以达到完美操控的目的。
更多推荐
所有评论(0)