【高频考点精讲】JavaScript 中 var、let 和 const 的区别，你真的弄懂了吗？

JavaScript 中 var、let 和 const 的区别，你真的弄懂了吗？

🧑‍🏫 作者：全栈老李

📅 更新时间：2025 年 7 月

🧑‍💻 适合人群：前端初学者、进阶开发者

🚀 版权：本文由全栈老李原创，转载请注明出处。

大家好，我是全栈老李。今天咱们来聊聊JavaScript中老生常谈却又容易踩坑的话题——var、let和const的区别。这玩意儿就像三国演义里的魏蜀吴，各有各的地盘，各有各的玩法。

先来个灵魂拷问：你真的以为let就是新版var，const就是不能改的let吗？Too young too simple！且听老李给你掰扯掰扯。

变量提升的玄机

先看这段代码，猜猜输出啥：

console.log(fullstack); // 全栈老李提示：这里会报错吗？
var fullstack = "全栈老李";

如果你觉得会报错，那可就中了var的圈套了。实际上输出是undefined，这就是著名的"变量提升"。var声明的变量会被提升到作用域顶部，但赋值不会提升。相当于：

var fullstack; // 声明被提到最前面
console.log(fullstack); // undefined
fullstack = "全栈老李";

而let和const就没这么好说话了：

console.log(fullstackLet); // 全栈老李提示：这里会怎样？
let fullstackLet = "全栈老李";

这个会直接报错：ReferenceError: Cannot access 'fullstackLet' before initialization。let/const也有提升，但进入了"暂时性死区"(Tempo