function job(){
sequenceB()
sequenceC()
}
function sequenceB(){
setTimeout(_ => console.log(`? Timeout at B`), 0);
Promise.resolve().then(_ => console.log('? Promise at B'));
}
function sequenceC(){
setTimeout(_ => console.log(`? Timeout at C`), 0);
Promise.resolve().then(_ => setTimeout(console.log('? Promise at C'), 1000));
}
job();
这里的打印顺序是什么？为什么？我似乎按照以下顺序得到输出:?Promise在B，?Promise在C，?Timeout在B，?Timeout在C
在Chrome(最新版本)和EDGE(最新版本)上进行了测试
当你呼叫job()时，会先呼叫sequenceB()，然后再呼叫sequenceC().当sequenceB()运行时，setTimeout(_ => console.log('? Timeout at B'), 0);将被推送到回调队列，Promise.resolve().then(_ => console.log('? Promise at B'));将被推送到作业(job)队列.则开始执行sequenceC().同样的情况再次发生，setTimeout(_ => console.log('? Timeout at C'), 0);被推送到回调队列，Promise.resolve().then(_ => setTimeout(console.log('? Promise at C'), 1000));被推送到作业(job)队列.
现在，事件循环会问，作业(job)/微任务是空的吗？它不是，所以代码被执行，这是来自sequenceB()函数的promise ，然后它再次判断作业(job)队列，并找到另一个promise .
下一次，它看起来作业(job)/微任务队列是空的，所以它看回调队列，这是您的setTimeout回调，所以它被推送到调用堆栈.一旦执行，事件就会再次查看，并且肯定会有另一个setTimeout回调.这将再次执行，并重复该过程.
话虽如此，但其结果是:
// from the microtask queue
? Promise at B
? Promise at C
// from the callback queue
? Timeout at B
? Timeout at C