变量提升是JavaScript引擎将var声明（仅声明，不包括赋值）提升至当前作用域顶部的行为，而let和const虽被声明记录但不初始化，其声明前访问会触发ReferenceError，该区域称为暂时性死区（TDZ）。
什么是 JavaScript 中的变量提升（Hoisting）
变量提升是指 JavaScript 引擎在执行代码前，会先扫描并“提升”var 声明（仅声明，不包括赋值）到当前作用域顶部的现象。这意味着你可以在声明之前访问 var 变量，但它的值是 undefined，而不是报错。
这不是语法糖或设计亮点，而是历史遗留行为，源于早期 JS 引擎解析机制——先收集声明，再执行赋值。
let 和 const 为什么不会被提升
它们确实也被“提升”，但和 var 的行为有本质区别：引擎会把 let/const 声明记录下来，但**不初始化**，且在声明前访问会直接抛出 ReferenceError。这个区域叫“暂时性死区”（Temporal Dead Zone, TDZ）。
-
var a = 1→ 提升后等价于var a; /* 后续才执行 a = 1 */ -
let b = 2→ 提升后变量存在，但直到执行到该行前都不可读写 - TZD 范围从块级作用域开头延伸到声明语句所在行
常见错误场景与对比示例
下面这段代码能清晰体现三者的差异：
立即学习“Java免费学习笔记（深入）”；
console.log(a); // undefined console.log(b); // ReferenceError: Cannot access 'b' before initialization console.log(c); // ReferenceError: Cannot access 'c' before initialization <p>var a = 1; let b = 2; const c = 3;
再看一个容易踩坑的条件块例子：
if (false) {
let x = 10;
}
console.log(x); // ReferenceError: x is not defined —— 不是因为没执行 if，而是 x 根本没声明在外部作用域而用 var 就完全不同：
if (false) {
var y = 20;
}
console.log(y); // undefined —— y 已被提升到函数/全局作用域顶部实际开发中怎么用才安全
避免靠记忆“提升规则”来写代码。现代 JS 开发应默认使用 let 和 const，并遵守以下习惯：
- 声明尽量靠近首次使用位置，不前置堆砌
- 用
const优先，仅当变量需重新赋值时才用let - 不要依赖
var的提升特性，它已过时且易引发隐蔽 bug - 注意函数内部的 TDZ：哪怕只是 typeof 检测，也会触发 ReferenceError
TZD 看似严格，其实是帮你提前暴露逻辑顺序问题。真正难处理的不是提升本身，而是混用 var 和 let 导致的作用域预期错乱——比如在一个 for 循环里同时用两者，闭包行为会完全不同。
