JS的事件循环机制

Javascript的事件循环（event loop）机制是用于处理异步操作的一种执行模型。它负责管理JavaScript运行时环境中的任务队列，并确保任务按照特定的顺序执行。

事件循环的基本原理如下：

1.JavaScript运行是环境维护一个执行栈（call stack）用于存储函数调用的上下文。当调用一个函数时，该函数的上下问会被推入执行栈，执行完毕后会被弹出。

2.JavaScript运行时怀旧还维护一个任务队列（task queue（ 用于存储异步任务。异步任务可以上定时器回调，事件监听器，Promise的回调

3.当栈为空时，事件循环开始工作。它会不断地从任务队列中去除任务，将其推入执行栈中执行

4.执行栈中的任务执行完毕后，事件循环继续从任务队列中取出下一个任务，重复上述过程。

事件循环机制的关键是理解事件队列中的任务 优先级 ，在事件队列中，任务可以分为

宏任务（marco task）

1. script整体代码块
2. /定时器任务（setTimeout、setInterval）
3. 事件监听器回调函数（如点击事件、鼠标事件、键盘事件等）
4. XMLHttpRequest 和 fetch 请求的回调函数
5. 资源加载事件（如加载图片、样式表等）
6. requestAnimationFrame 回调函数

微任务（micro task）

1. Promise 的回调函数
2. MutationObserver 的回调函数
3. process.nextTick（Node.js 环境）的回调函数

至于谁优先执行我觉得这位大佬的解释很为合理

• 这两种说法都对，只是从看的起点角度不同罢了。对于第一种介绍来说。是将起始script代码块看做宏任务，这样子代码执行一开始就是宏任务。宏任务执行结束了再执行微任务，以此往复；对于第二种介绍。其实是拋过了起始script代码块，起始就是同步任务块，顺序执行。因此这样来说微任务的优先级就大于了宏任务。

• 哪个观点更好：我认为两个观点都好。第一种更严谨。从宏任务和微任务的分类来说。script整体代码块就是宏任务；但是对于学者来说，很容易忽略主线程scrpit也代表的是一个宏任务。所以第二种说法更易懂。
  接下来从示例代码中更进一步了解宏任务和微任务的执行顺序。

http://t.csdn.cn/D5Skn原文