怎么理解Promise的异步分支与主线的关系

 怎么理解promise的执行流程:

var p1 = new Promise(function (resolve, reject) {
    log('start new Promise...');
    var timeOut = Math.random() * 2;
    log('set timeout to: ' + timeOut + ' seconds.');
    setTimeout(function () {
        if (timeOut < 1) {
            log('call resolve()...');
            resolve('200 OK');
        }
        else {
            log('call reject()...');
            reject('timeout in ' + timeOut + ' seconds.');
        }
    }, timeOut * 1000);
})
log('p1 over: ');
var p2 = p1.then(function (r) {
    log('Done: ' + r);
},function (r) {
    log('Done: ' + r);
});
log('p2 over: ');

我理解的执行过程:var p1 = new Promise(...)  ->  log('p1 over: ');   ->  var p2 = p1.then(...)   ->   log('p2 over: ');

我的反对者问:如果按这个顺序执行,为啥Promise(...)和 then(...) 中的函数代码没有执行?

因为这就是异步机制,在主流程中,Promise(...)和 then(...) 都执行过了,但是其中的函数代码在主流程执行的过程中,只是方到了另一个分支流程中,还没有开始执行 或 正在执行还没有执行完,所以从log中看不到执行的效果。也就是说当执行第一行时,Promise对象已经生成了,但是Promise对象刚把接收到的函数吞下去,还没有来得及消化。吞下去的任务完成了就可以继续执行后面的 log('p1 over: ');。

测试环境:

https://www.liaoxuefeng.com/wiki/1022910821149312/1023024413276544

参考文章:

https://www.jianshu.com/p/3190ad5965d7

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值