javascript变量如何声明_有哪些作用域规则需要掌握？

幻影之瞳 2025-12-20 00:00:00 次阅读

应默认使用 const，仅需重新赋值时用 let，避免使用 var；const 声明不可重赋值但对象属性可修改，let/const 具备块级作用域和暂时性死区，var 存在变量提升和函数作用域陷阱。

JavaScript 变量声明方式和作用域规则直接影响代码的可读性、健壮性和调试效率。掌握清楚才能避免意外的 undefined、变量提升（hoisting）陷阱，以及块级作用域误用问题。

var 是早期唯一方式，存在变量提升和函数作用域；let 和 const 是 ES6 引入的块级声明，更安全可控。

var：声明会被提升到函数或全局顶部，可重复声明，赋值前访问返回 undefined；作用域是函数级（function-scoped）
let：声明会提升但不初始化（暂时性死区 TDZ），不可重复声明，不允许在声明前访问；作用域是块级（block-scoped，如 {}、if、for 内）
const：必须初始化，声明后不能重新赋值（注意：对象/数组本身可修改属性或元素，只是绑定不可变）；同样受 TDZ 约束，块级作用域

作用域决定了变量在哪能被访问。JS 中主要有四种作用域层级：

全局作用域：脚本顶层或未在任何函数/块内声明的变量（var a = 1 或直接 a = 1）；浏览器中挂载到 window 对象（var 声明的）
函数作用域：仅 var 遵循；函数内部声明的 var 变量在整个函数内都可访问，无论是否在 if 或 for 块中
块级作用域：let 和 const 专属；由一对花括号 {} 包裹的区域（如 if (true) { let x = 1; } 中的 x 在块外不可访问）
模块作用域：ES6 模块（.mjs 或 type="module" 的 script）中，顶层声明（包括 let/const/function）默认是模块私有，不会污染全局

实际开发中，这些细节容易引发隐蔽 bug：

循环中用 var 声明计数器，闭包里取到的总是最终值（如 for (var i = 0; i console.log(i), 0) 输出三个 3）→ 改用 let 即可修复
在 if 块中用 let 声明变量，却在块外引用 → 报 ReferenceError（不是 undefined），这是预期行为，说明作用域生效了
用 const 声明对象后仍想修改其属性 → 允许（const obj = {}; obj.name = 'a'; 合法），但 obj = {} 会报错
避免隐式全局：不写声明直接赋值（foo = 123）会在非严格模式下创建全局变量，严格模式下直接报错 → 始终显式声明