目录
前言
事件循环中并非只维护着一个队列,事实上有两个队列:
宏任务队列(macrotask queue):ajax、setTimeout、setInterval、DOM监听、UI Rendering等。
微任务队列(microtask queue): Pomise的then回调、Mutation Observer API、queueMicrotask()等
那么事件循环对于两个队列的优先级是怎么样的呢?
1、main script的代码优先执行(编写的顶层script代码)
function foo() {
console.log('优先执行的代码')
}
foo()
2、在执行任何一个宏任务之前(不是队列,是一个宏任务),都会先查看微任务队列中是否有任务需要执行。也就是宏任务执行之前,必须保证微任务队列是空的,如果不为空,那么就优先执行微任务队列中的任务(传入的回调函数)
接下来看执行顺序:
做事件循环的面试题的时候,可以先按main script、微任务、宏任务的顺序把东西列出来
总结
栈结构:先进后出
队列:先进先出