17370845950

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

变量提升（Hoisting）是 JavaScript 中一个容易让人困惑的概念，它指的是变量和函数声明在代码执行前被“移动”到当前作用域顶部的现象。注意：只是声明被提升，赋值不会。

变量声明会被提升，但初始化不会

用 var 声明的变量，JavaScript 引擎会在编译阶段把声明部分“提到”作用域开头，但赋值语句仍保留在原位置。

例如：

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

实际等价于：

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 访问

基本上就这些。理解提升的关键不是记住“被提上去了”，而是清楚“声明在哪、初始化在哪、能不能访问”。