为什么let变量先赋值后声明会报错，而非按变量提升逻辑正常打印？

问题解答 #

你对变量提升的认知存在部分偏差，let和const声明的变量和var的提升逻辑有本质区别，报错核心原因是**暂时性死区（Temporal Dead Zone，简称TDZ）**的存在。

核心逻辑说明 #

• let 确实会发生变量提升：JS引擎在编译阶段就会扫描当前作用域的所有let/const声明，提前占用这些变量名，避免同作用域出现同名变量冲突。
• 但let提升和var提升的行为不同：var提升时会默认给变量赋值为undefined，提升后就可以直接访问；但let声明的变量在提升后，直到代码中let variable这一行实际执行前，都处于不可访问的死区状态，任何对这个变量的读写操作都会直接抛出ReferenceError。

你的代码执行逻辑拆解 #

你给出的报错代码实际执行顺序是：

1. 编译阶段扫描到当前作用域有let variable声明，提前锁定variable变量名，进入TDZ
2. 运行阶段执行第一行variable=3，此时还没执行到let variable的代码行，variable仍处于TDZ，直接访问触发报错

variable=3; // 触发ReferenceError，变量处于暂时性死区不可访问
console.log(variable);
let variable;

这和你预想的“先执行let variable再赋值”的逻辑完全不同：let的初始化（解除TDZ限制）只会在你代码里写的声明行执行时才会发生，不会提前到作用域顶部执行。

对比var的表现 #

如果把let替换为var就不会报错，正是因为var没有TDZ限制，提升时就完成了默认赋值：

variable = 3;
console.log(variable); // 正常输出3
var variable;

内容的提问来源于stack exchange，提问作者ronyitz