事件循环

主栈队列就是一个宏任务每一个宏任务执行完就会执行宏任务中的微任务直到微任务全部都执行完才开始执行下一个宏任务。

JS

promise(微任务).***n()

.***n()。

每一个宏任务和宏任务的微任务执行完后都会对页面

进行渲染

整体代码setTimeoutsetIntervalsetImmediateI/Oui

render微任务

process.nextTickpromise.***nawait

为什么

start);Promise.resolve(async2()).***n(()

{console.log(async1

{console.log(2);resolve();}).***n(()

main2();console.log(7);}function

main2()

{console.log(8);}main1();setTimeout(()

{console.log(10);},

Promise.resolve(4x);}).***n((res)

console.log(res)

{console.log(外部promise)resolve()

.***n(()

{console.log(内部promise)resolve()}).***n(()

.***n(()

{console.log(children2)Promise.resolve().***n(()

0)new

reject){console.log(children4)setTimeout(function(){console.log(children5)resolve(children6)},

}).***n(res

flagconsole.log(children7)setTimeout(()

{console.log(res)},

promise2。

全局中的微任务执行完成开始下一轮宏任务setTimeout

最后输出

{console.log(promise1)resolve()

}).***n(function

中.***n()的代码先进入到promise的微任务队列await

async2();

后面的代码再进入到promise的任务队列console.log(promise4);

最后进入到

的任务队列。

全局下的宏任务结束开始全局下的微任务promise

的微任务队列中按照队列的先进先出原则依次输出promise2async1

endpromise4。

全局微任务结束开始下一轮的宏任务setTimeout最终输出

async

{console.log(promise1);resolve();}).***n(function

console.log(script

{console.log(promise3);resolve();

}).***n(function

{console.log(promise1);resolve();

}).***n(function()