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

JavaScript 中的“变量提升”(Hoisting)指的是变量和函数声明在代码执行前被“移动”到其作用域顶部的现象。但要注意,只有声明被提升,赋值不会——这意味着你可以在声明前访问变量,但值通常是 undefined(var)或直接报错(let/const)。
var 的提升行为:声明与初始化分离
var 声明会被提升到函数或全局作用域顶部,同时初始化为 undefined。因此,访问未声明前的 var 变量不会报错,只是得到 undefined:
示例:
console.log(a); // undefined var a = 10;
这等价于:
立即学习“Java免费学习笔记(深入)”;
var a; // 提升并初始化为 undefined console.log(a); // undefined a = 10; // 赋值发生在原位置
let 和 const 的提升:只提升声明,不初始化(暂时性死区)
let 和 const 声明也会被提升,但不会被初始化。从块级作用域开始到声明语句之间,该变量处于“暂时性死区”(Temporal Dead Zone, TDZ)。在此区域内访问变量会抛出 ReferenceError:
-
let b;—— 声明提升,但无默认值;未赋值时是undefined(仅在声明后) -
const c = 5;—— 必须在声明时初始化,且不可重复赋值 - 任何在
let/const声明前读取它的操作都会触发ReferenceError
示例:
console.log(x); // ReferenceError: Cannot access 'x' before initialization let x = 20;
函数声明 vs 函数表达式:提升差异明显
函数声明(function foo() {...})会被完全提升(声明 + 定义),可在声明前调用;而函数表达式(const foo = function() {...})按 const 规则处理,只提升声明,不初始化:
foo(); // OK —— 函数声明提升bar(); // ReferenceError —— bar 是 const 声明的函数表达式
实际开发建议:避免依赖提升,统一使用 let/const
- 始终在使用变量前声明,消除对提升机制的隐式依赖
- 优先用
const,仅当变量需重新赋值时改用let,禁用var - 理解 TDZ 能帮你更快定位“未定义”类错误,尤其是模块加载、循环绑定等场景











