应避免在函数外用var声明全局变量,因其会挂载到全局对象(如window)污染命名空间;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),这是最常踩坑的地方。
立即学习“Java免费学习笔记(深入)”;
-
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,这个习惯比记住所有规则更关键。











