怎么理解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
参考文章: