事件循环队列中的宏任务与微任务

目录

前言

总结

---

前言

事件循环中并非只维护着一个队列，事实上有两个队列：

宏任务队列（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、微任务、宏任务的顺序把东西列出来

---

总结

栈结构：先进后出

队列：先进先出