JavaScript变量能否访问取决于其声明时的作用域:var为函数作用域,let/const为块级作用域;混淆二者易致ReferenceError或undefined,建议优先使用let/const。

JavaScript 变量能不能被访问,不取决于它写在第几行,而取决于它声明时所处的 function、block 或全局环境——也就是作用域。没搞清这个,ReferenceError 和 undefined 就会反复出现。
函数作用域:var 声明只认 function 边界
var 声明的变量具有函数作用域,不是块作用域。哪怕写在 if 或 for 里,只要没脱离函数,外部就能访问到。
常见错误现象:
- 在
if块里用var x = 1,以为外面访问不到x,结果能访问且值为1 - 在函数内多次用
var声明同名变量,不会报错,而是被提升并合并为一次声明
实操建议:
立即学习“Java免费学习笔记(深入)”;
- 避免用
var,改用let或const,行为更可预测 - 如果必须读旧代码,记住:
var的作用域顶点是最近的function,不是{}
块作用域:let/const 真正受 {} 限制
let 和 const 是块级作用域,即仅在最近的 {} 内有效(包括 if、for、switch、独立代码块等)。
使用场景:
- 循环中绑定迭代变量(如
for (let i = 0; i ),每次迭代都有独立i,不会互相污染 - 临时变量只在某个分支内使用,避免泄漏到外层
容易踩的坑:
-
let和const存在“暂时性死区”(TDZ):从块开始到声明语句前,访问会直接抛ReferenceError,不是undefined -
const不代表“值不可变”,只代表“绑定不可重赋值”;对象或数组本身仍可修改
全局作用域和模块作用域的区别
在浏览器中,顶层 var 或函数声明会挂到 window 上;但 let/const/class 不会——它们属于全局作用域,但不是全局对象属性。
模块(.js 文件被 type="module" 加载,或 import 引入)有隐式模块作用域:所有顶层声明默认私有,除非显式 export。
关键差异:
- 脚本模式下,
var x = 1→window.x === 1;模块模式下,var x = 1→window.x仍是undefined - 模块中即使不写
var/let,直接写x = 1(不加声明)会报ReferenceError,因为模块严格模式默认开启
闭包:函数记住了它诞生时的作用域链
闭包不是特殊语法,而是函数与其词法作用域共同构成的组合。只要一个函数在定义它的作用域之外被调用,且还引用了该作用域里的变量,就形成了闭包。
典型表现:
- 返回一个内部函数,该函数访问外层函数的参数或变量
- 事件回调、定时器、异步操作中保留对“当时”变量的引用
性能影响:
- 闭包会让外层作用域的变量无法被垃圾回收,长期持有大对象可能引发内存占用问题
- 不要在循环中用
var+ 闭包去捕获索引,应改用let或立即执行函数
最容易被忽略的是:闭包捕获的是变量的“引用”,不是值;如果外层变量后续被修改,闭包里看到的就是新值——除非你主动做快照(比如用参数传入或展开运算符复制)。











