实际上，代码的位置并没有改变，只是JavaScript引擎在编译阶段将声明放入了内存中。

V8引擎在执行JS代码时大致分为两个阶段：编译阶段和执行阶段。

JavaScript 代码执行流程： 源代码 │ ▼ ┌──────────────────────────────┐ │ 编译阶段 │ │ │ │ . 词法分析 │ │ . 语法分析 │ │ . 创建执行上下文 │ │ ├─ 变量环境 │ │ └─ 词法环境 │ └──────────┬───────────────────┘ │ ▼ ┌──────────────────────────────┐ │ 执行阶段 │ │ │ │ . 逐行执行代码 │ │ . 变量赋值 │ │ . 函数调用 │ │ │ └──────────────────────────────┘ 编译阶段：变量提升的核心

在编译阶段，JavaScript引擎会进行语法检查和变量/函数提升。

核心重点变量提升不属于执行阶段的行为，所有变量、函数的提升动作，全部发生在编译阶段。

// 函数声明 —— 整体提升 function showName{ console.log; } // 函数表达式 —— 只有变量名提升，函数体不提升 var add = function{ return a + b; } 三种声明的提升行为对比

let 和 const 声明的变量 确实会被提升 ，但它们被提升后并 不会被初始化 。从作用域顶部到变量实际声明位置之间的区域，被称为 暂时性死区 。

{ // TDZ 开始 console.log; // ❌ ReferenceError // TDZ 继续 let x = ; // TDZ 结束 console.log; }

TDZ核心规则 任何访问dou会直接报错，而非

常见误区与Zui佳实践

误区一：认为 let/const 没有变量提升

重磅误区纠正：let/const 存在编译阶段被初始化为