JavaScript 的单线程

事件循环和异步编程：
- JavaScript 使用事件循环（Event Loop）和回调函数来处理异步操作
Web Workers :
- 可以新开线程
异步 API：
- 许多浏览器 API 和 Node.js API 都是异步的，允许非阻塞操作
服务器端解决方案：
- 在 Node.js 环境中，可以使用集群（Cluster）模块或 PM2 等进程管理工具来创建多个进程，充分利用多核 CPU

3. 事件循环与消息队列

事件循环和消息队列是两个独立的概念

==消息队列==
- 比如 Ajax 请求完后把消息放到消息队队列里，特定时间去消息队列取，然后执行的
消息队列： 消息队列是一个先进先出的 队列，它里面存放着各种消息
事件循环：
- 事件循环是指 主线程 重复从消息队列中==取消息、执行==的过程
- 事件循环
  - 是 JavaScript 引擎等待任务、执行任务和进入休眠状态等待更多任务的一种机制
- JavaScript 是单线程的，事件循环使得它能够==非阻塞地执行 I/O 操作==

图片&文件

类似于下面代码：

while(true) {     
  var message = queue.shift();     
  execute(message); 
}

即 同步代码，一个宏任务，所有微任务，一个宏任务，所有微任务......
while (true) {
  宏任务队列.shift()
  微任务队列全部任务()
}

谁发起的
- 宏任务：由宿主（Node 或者浏览器）发起
- 微任务：js 引擎发起
微任务是宏任务的组成部分，不能分开谈
DOM 操作是同步任务
window.requestAnimationFrame() 不能算宏任务也不能算微任务，而是一个特定时机
- 你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画
- 执行时机是在当前宏任务范围内, 执行完同步代码和微任务队列后再执行
  - 它仍然属于宏任务范围内，但是是在微任务队列执行完毕后才执行
常见的宏任务包括：
- script（整体代码）
- setTimeout/setInterval
- I/O
- UI 渲染
- postMessage
- setImmediate（Node.js 环境）
常见的微任务包括：
- Promise.then/catch/finally
- process.nextTick（Node.js 环境）
- MutationObserver
- queueMicrotask()
执行顺序：
- a. 执行同步代码，这属于宏任务
- b. 执行栈为空，查询是否有微任务需要执行
- c. 执行所有微任务
- d. 必要的话进行 UI 渲染
  - ==所有微任务完成后，进行 UI 渲染==
    - 所以，则可以结合 vue - watch - post 或者 React - useLayoutEffect 来思考，一些原理性问题
- e. 然后开始下一轮事件循环，执行宏任务中的异步代码

事件循环的基本结构：
- 浏览器：
  - 事件循环==相对简单==，主要包括==宏任务队列==和==微任务队列==
- Node.js：
  - 事件循环==更复杂==，包含多个阶段（timers、pending callbacks、idle、prepare、poll、check、close callbacks）
宏任务和微任务的执行顺序
- 都是在每个宏任务执行完毕后，会立即执行所有微任务
Node.js 中的 process.nextTick 是一个特殊的微任务，它的优先级高于其他微任务。
- 在每个阶段结束时，如果存在 nextTick 队列，会优先执行完 nextTick 队列中的所有任务，然后才会执行其他微任务
Nodejs 中：
- 同步任务 > process.nextTick() > 微任务
如果在一个 I/O 周期内调用
- setImmediate 总是先于 setTimeout 执行，否则大概率是 setTimeout 先执行

定时器阶段、空闲阶段、关闭回调阶段等

按照执行顺序依次是：

timers（定时器阶段）
- 执行 setTimeout 和 setInterval 的回调函数
- 检查是否有到期的定时器，如果有则执行对应的回调函数
pending callbacks（待定回调阶段）
- 执行延迟到下一个循环迭代的 I/O 回调
- 处理上一轮循环中未执行的 I/O 回调
idle, prepare（空闲、准备阶段）
- 仅系统内部使用
- 开发者一般不需要关注这个阶段
poll（轮询阶段）
- 检索新的 I/O 事件
- 执行与 I/O 相关的回调
- 如果有到期的定时器，则结束 poll 阶段
- 如果有 setImmediate 回调需要执行，则结束 poll 阶段
check（检查阶段）
- 执行 setImmediate 的回调函数
- 在 poll 阶段空闲时立即执行
close callbacks（关闭回调阶段）
- 执行关闭事件的回调函数
- 例如 socket.on('close', ...) 的回调