17370845950

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

JavaScript 中的“变量提升”（Hoisting）指的是变量和函数声明在代码执行前被“移动”到其作用域顶部的现象。但要注意，只有声明被提升，赋值不会——这意味着你可以在声明前访问变量，但值通常是 undefined（var）或直接报错（let/const）。

var 的提升行为：声明与初始化分离

var 声明会被提升到函数或全局作用域顶部，同时初始化为 undefined。因此，访问未声明前的 var 变量不会报错，只是得到 undefined：

示例：

console.log(a); // undefined  
var a = 10;

这等价于：

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 能帮你更快定位“未定义”类错误，尤其是模块加载、循环绑定等场景