执行栈
数据结构, js运行时会将运行函数入栈, 遵循先进后出的原则
浏览器中的事件循环
js运行时会在执行栈中放入函数, 如果碰到异步代码则会被挂起, 放入到task队列.
如果执行栈执行完了, 就会去队列中拿出需要要执行的代码放入执行栈.
不同的任务源会被分为宏任务或者微任务
- 首先执行同步代码,这属于宏任务
- 当执行完所有同步代码后,执行栈为空,查询是否有异步代码需要执行
- 执行所有微任务
- 当执行完所有微任务后,如有必要会渲染页面
- 然后开始下一轮 Event Loop,执行宏任务中的异步代码,也就是
setTimeout
中的回调函数
微任务包括 process.nextTick
,promise
,MutationObserver
,其中 process.nextTick
为 Node 独有。
宏任务包括 script
, setTimeout
,setInterval
,setImmediate
,I/O
,UI rendering
。