javascirpt 事件循环

意义

首先 javascript 是单线程脚本语言，至于为什么是单线程？最初设计的时候是执行浏览器脚本，单线程能保证对 DOM 操作的准确性。但这就意味着在处理较耗时操作时会阻塞，比如：I/O 操作，网络请求等。为了避免这种情况，耗时操作可以异步任务中执行，执行完成后通知相应的回调，事件循环就诞生了。

机制

当执行 javascript 代码时，会在执行栈中压入全局上下文，遇到函数时，压入函数上下文，函数执行结束，弹出该函数上下文；期间如果遇到异步任务，则会将异步任务加入到相应的事件队列，继续执行余下代码；当执行栈为空时（主线程空闲），会去执行事件队列中的代码；如此反复，就构成了事件循环。

事件队列

分类

• 微任务：Promise，MutaionObserver 等；
• 宏任务：setTimeout，setInterval 等。

区别

微任务在事件循环中优于宏任务执行。