⚙️ 核心概念：JS 引擎 (JavaScript Engine)
🔎 核心定义
翻译官
🏗️ 核心架构与流水线 (Pipeline)
现代 JS 引擎（以 Chrome V8 为代表）普遍采用 JIT (Just-In-Time) 技术，即 ” 混合使用解释器和编译器 “。
graph TD JIT 核心组件 Ignition["🔥 解释器 (Interpreter)<br>生成字节码 (Bytecode)"] TurboFan["🚀 优化编译器 (Compiler)<br>生成机器码 (Machine Code)"] CPU["💻 CPU 执行"] 解释执行路径 Ignition -->|"启动快 / 执行慢"| CPU 去优化路径 (面试考点) TurboFan -.->|"假设失效 (Deoptimization)"| Ignition
关键组件详解
-
解析器 (Parser)：负责 ” 阅读 ” 代码。
- Pre-Parser：预解析，快速扫描，跳过未调用的函数。
- Full-Parser：全量解析，生成 AST (抽象语法树)。
-
解释器 (Interpreter)：
- 作用：将 AST 转换为 字节码 (Bytecode) 并逐行解释执行。
- 特点：启动极快，内存占用小，但执行效率不如机器码。
- 代表：V8 的 Ignition。
-
优化编译器 (Optimizing Compiler)：
- 作用：将 ” 热点代码 ” 编译为高效的 机器码。
- 特点：需要时间进行分析和编译，但执行效率极高。
- 代表：V8 的 TurboFan。
⚡ 核心机制与优化 (Optimization)
为什么现代 JS 引擎跑得这么快？
1. JIT (即时编译)
- 策略：为了平衡 ” 启动速度 ” 和 ” 运行速度 ”。
- 流程：先用解释器快速启动页面，后台监控运行频率高的代码（Hot Spot），将其送入编译器优化。
2. 推测优化与去优化 (Deoptimization)
-
推测：==JS 是动态类型，但引擎会 ” 猜 ” 类型。例如
function add(a, b) { return a + b }，如果前 10 次传入的都是整数，引擎会生成针对整数加法的优化机器码。== -
去优化 (Deopt)：第 11 次如果传入了字符串，刚才生成的整数机器码失效。引擎必须回退到解释器执行。
- _启示_：保持变量类型稳定（Monomorphic）有助于性能。
3. 内存管理
- JS 引擎自带 垃圾回收机制 (GC)，通过标记 - 清除、分代回收等算法自动管理内存。
🌍 主流引擎一览
| 引擎名称 | 开发者 | 主要应用场景 | 特点 |
|---|---|---|---|
| V8 | Chrome, Edge, Node.js, Electron | 性能标杆，极致的 JIT 优化 | |
| JavaScriptCore (JSC) | Apple | Safari, React Native (iOS) | 启动速度快，低功耗优化好 |
| SpiderMonkey | Mozilla | Firefox | 历史最悠久，引入了 WASM |
| QuickJS | Fabrice Bellard | 嵌入式设备, 轻量级应用 | 体积极小，完全符合 ES 标准 |