变量提升指声明被移至作用域顶部但赋值不提升;var 声明初始化为 undefined,let/const 存在暂时性死区(TDZ),函数声明完全提升而函数表达式仅变量名提升。

变量提升(Hoisting)是 JavaScript 中一个容易让人困惑的概念,它指的是变量和函数声明在代码执行前被“移动”到当前作用域顶部的现象。注意:只是声明被提升,赋值不会。
变量声明会被提升,但初始化不会
用 var 声明的变量,JavaScript 引擎会在编译阶段把声明部分“提到”作用域开头,但赋值语句仍保留在原位置。
例如:
console.log(a); // undefined var a = 10;
实际等价于:
立即学习“Java免费学习笔记(深入)”;
var a; // 声明被提升 console.log(a); // undefined a = 10; // 赋值保留在原处
let 和 const 不会变量提升?不准确,是存在“暂时性死区”
let 和 const 的声明也会被提升,但它们不会被初始化(不像 var 初始化为 undefined),在声明前访问会直接报错 ReferenceError。
比如:
console.log(b); // ReferenceError: Cannot access 'b' before initialization let b = 20;
这个区域就叫“暂时性死区”(Temporal Dead Zone, TDZ)——从作用域开始到声明语句出现前的这段范围。
函数声明和函数表达式提升行为不同
- 函数声明(function foo() {...})会被完整提升:声明 + 定义都到顶部,可以提前调用
- 函数表达式(var foo = function() {...})只提升变量名(var 那部分),赋值(function 部分)不提升,提前调用会报 TypeError
示例对比:
foo(); // OK,输出 "hello"
function foo() { console.log("hello"); }
bar(); // TypeError: bar is not a function
var bar = function() { console.log("world"); };
如何避免被提升搞糊涂?
- 始终先声明再使用,养成习惯
- 优先使用 let/const 替代 var,减少意外提升带来的问题
- 函数尽量用声明形式(如果需要提升调用),或明确放在调用之前
- 借助 ESLint 等工具检测潜在的 TDZ 访问
基本上就这些。理解提升的关键不是记住“被提上去了”,而是清楚“声明在哪、初始化在哪、能不能访问”。











