应默认使用 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：
立即学习“Java免费学习笔记（深入）”；
循环中用 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：它带来的提升和函数作用域容易导致逻辑混乱，新项目中基本无必要
以上就是javascript变量如何声明_有哪些作用域规则需要掌握？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544496.html
微信扫一扫 
支付宝扫一扫 
