javascript变量如何声明_let、const和var有什么区别【教程】

13次阅读

应避免在函数外用var声明全局变量,因其会挂载到全局对象(如window)污染命名空间const声明的对象可修改内部属性但不可重新赋值;let是块级作用域且存在暂时性死区,var是函数作用域并会被提升。

javascript变量如何声明_let、const和var有什么区别【教程】

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

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

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

  • var a = 1window.a === 1浏览器中)
  • let b = 2const 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(),且它只冻结第一层

letvar 的作用域与提升差异

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

立即学习Java免费学习笔记(深入)”;

  • console.log(x); var x = 1; → 输出 undefinedx 被提升,但未初始化)
  • 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); → 输出 4w 提升至函数顶层

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

text=ZqhQzanResources