let、const和var区别全解析

本文深入解析了 JavaScript 中 let、const 和 var 三大变量声明方式的本质区别：var 因函数作用域、变量提升及污染全局对象（如 window）的副作用，已不适用于现代开发；const 保证绑定不可变而非值不可变，允许修改对象内部属性但禁止重新赋值；let 则提供安全的块级作用域与暂时性死区机制，有效规避常见静默 bug。核心建议是——默认使用 const，仅在确实需要重新赋值时选用 let，彻底摒弃 var，让代码更可靠、可维护且符合当前最佳实践。

JavaScript 变量声明不是选哪个“更高级”，而是看变量是否需要重新赋值、是否会被提升、作用域边界在哪——let、const、var 三者行为差异明显，混用容易引发静默 bug 或意外覆盖。

为什么不能在函数外用 var 声明全局变量？

var 在函数作用域外声明时，会挂载到全局对象（如浏览器的 window），导致污染全局命名空间。这不是“不能用”，而是副作用太强，现代代码应避免。

• var a = 1 → window.a === 1（浏览器中）
• let b = 2 或 const c = 3 → 不挂载到 window，仅存在于全局作用域（但非全局对象属性）
• 模块环境下（ESM），var 声明也不会自动变成 window 属性，但语义仍模糊，不推荐

const 声明的对象能改内容吗？

能。只要不重新赋值给该变量名，对象/数组内部的属性或元素可以任意修改——const 约束的是“绑定不可变”，不是“值不可变”。

• const obj = { x: 1 }; obj.x = 2; ✅ 合法
• obj = { y: 3 }; ❌ 报错：TypeError: Assignment to constant variable
• const arr = [1]; arr.push(2); ✅ 合法；arr = []; ❌ 报错
• 若需深冻结，得手动调用 Object.freeze()，且它只冻结第一层

let 和 var 的作用域与提升差异

var 是函数作用域 + 变量提升（hoisting），let 是块级作用域 + 暂时性死区（TDZ），这是最常踩坑的地方。

• console.log(x); var x = 1; → 输出 undefined（x 被提升，但未初始化）
• console.log(y); let y = 2; → 报错：ReferenceError: Cannot access 'y' before initialization
• if (true) { let z = 3; } console.log(z); → 报错，z 仅在 if 块内有效
• if (true) { var w = 4; } console.log(w); → 输出 4，w 提升至函数顶层

真正麻烦的不是语法记不住，而是把 var 当成“老派但安全”的写法——它在循环、异步回调、条件分支里极易暴露作用域缺陷。除非维护非常老的代码（IE8 及以下），否则 var 应彻底退出新项目。用 const 优先，需要重赋值时才换 let，这个习惯比记住所有规则更关键。

终于介绍完啦！小伙伴们，这篇关于《let、const和var区别全解析》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！