变量提升是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 initializationvar 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 循环里同时用两者,闭包行为会完全不同。











