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;→ 输出 undefinedconsole.log(b); let b = 2;→ 报 ReferenceError- TDZ 不影响 typeof 检测 let 变量:
typeof c在声明前是 undefined(但不推荐依赖)
作用域链与闭包基础
函数内部可访问自身作用域、外层函数作用域及全局作用域,形成作用域链。
当函数返回内部函数,并且该内部函数引用了外层变量,就构成闭包——外层变量不会被回收,持续可访问。
- 闭包常用于模块模式、私有变量模拟、防抖节流等场景
- 注意循环中创建闭包时,若用 var 容易捕获相同引用,应优先用 let
- 可通过
console.dir(fn)查看函数的[[Scopes]]属性观察作用域链
基本上就这些。掌握声明方式和作用域边界,能避开多数“变量找不到”“值不对”“循环出错”的坑。










