17370845950

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

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

三种声明方式：var、let、const 的核心区别

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）会在非严格模式下创建全局变量，严格模式下直接报错 → 始终显式声明

优先级推荐：现代 JS 开发怎么选？

除非兼容极老环境，否则应遵循这个原则：

• 默认用 const：适用于大多数场景（函数参数、对象、数组、模块导入等）
• 仅当变量值需要重新赋值时，才用 let（如循环计数器、临时状态）
• 尽量不用 var：它带来的提升和函数作用域容易导致逻辑混乱，新项目中基本无必要