JavaScript事件循环机制

事件循环

 

　　

　　网页或app的代码，以及浏览器本身的用户界面程序都是运行在相同的线程——主线程中，同时主线程还负责收集和派发事件、渲染和绘制页面内容等。JavaScript的事件循环机制维护着两个队列：宏任务队列和微任务队列。像定时器回调、DOM事件回调、AJAX回调、用户界面渲染等这些是添加到宏任务队列中的；而Promise回调、queueMicrotask()函数添加的回调则是添加到微任务队列中。

1. 首先，会在主线程中执行所有的同步代码（其实也算是一个最开始的宏任务）；
2. 当主线程的执行上下文栈为空时，会先去检查微任务队列。若微任务队列不为空，则依次将微任务队列入栈，执行；
3. 当微任务队列为空时，才会去宏任务队列中提取新的宏任务入栈执行；
4. 每次在开始下一个新的宏任务之前，都会去检查微任务队列是否为空，不为空则先执行微任务。