JavaScript变量声明需区分var(函数作用域、提升、可重复声明)、let/const(块级作用域、TDZ、不可重复声明),推荐优先使用const,其次let,避免var;作用域分全局、函数、块级,闭包依赖作用域链。

JavaScript变量声明方式和作用域规则直接影响代码的可读性、维护性和执行结果。核心在于:用对关键字(var、let、const),理解块级与函数级作用域的区别,避免意外提升或重复声明。
三种声明方式的区别
var 声明变量有函数作用域,存在变量提升(hoisting),允许重复声明,且在声明前访问会得到 undefined。
let 和 const 是块级作用域(由 {} 界定),不存在变量提升,声明前访问会报 ReferenceError(暂时性死区 TDZ)。
const 必须初始化,且不能重新赋值(但对象/数组内容可变);let 可重新赋值,但不可重复声明。
推荐默认用 const,仅当变量需重新赋值时改用 let 避免使用 var,除非兼容极老环境 同一作用域内,不能用 let 或 const 重复声明已存在的标识符
作用域类型:全局、函数、块级
全局作用域中声明的变量(顶层 var/let/const)可在整个脚本中访问。
函数作用域只对 var 有效:在函数内用 var 声明,外部不可见,但函数内任意位置都可访问。
块级作用域适用于 let 和 const:出现在 if、for、while 或任意 {} 中时,变量仅在该块内有效。
for 循环中用 let 声明计数器,每次迭代都有独立绑定(适合异步回调) 用 const 声明对象后,仍可修改其属性:const obj = {}; obj.a = 1; 合法 嵌套块中同名 let 会遮蔽外层变量,不是覆盖
变量提升与暂时性死区(TDZ)
var 声明会被提升到函数或全局顶部,初始化(赋值)不提升;
let 和 const 声明也会被提升,但不初始化,从块开始到声明语句之间属于 TDZ —— 此时访问会直接报错。
console.log(a); var a = 1; → 输出 undefined console.log(b); let b = 2; → 报 ReferenceError TDZ 不影响 typeof 检测 let 变量:typeof c 在声明前是 undefined(但不推荐依赖)
作用域链与闭包基础
函数内部可访问自身作用域、外层函数作用域及全局作用域,形成作用域链。
当函数返回内部函数,并且该内部函数引用了外层变量,就构成闭包——外层变量不会被回收,持续可访问。
闭包常用于模块模式、私有变量模拟、防抖节流等场景 注意循环中创建闭包时,若用 var 容易捕获相同引用,应优先用 let 可通过 console.dir(fn) 查看函数的 [[Scopes]] 属性观察作用域链
基本上就这些。掌握声明方式和作用域边界,能避开多数“变量找不到”“值不对”“循环出错”的坑。
以上就是JavaScript变量如何声明_有哪些作用域规则?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543550.html
微信扫一扫
支付宝扫一扫