JavaScript作用域决定变量和函数的可访问范围;全局变量在函数外用var/let/const声明或直接赋值产生,局部变量在函数内或块内用let/const声明;var无块级作用域,let/const有。

JavaScript 作用域就是变量和函数能被访问到的“地盘”——超出这个范围,console.log() 就会报 ReferenceError 或返回 undefined。区分全局和局部作用域,关键看**声明位置**和**声明方式**,而不是调用位置。
怎么一眼判断一个变量是全局还是局部?
看它在哪声明、怎么声明:
-
var/let/const写在所有函数外面 → 全局变量(属于window属性,浏览器环境) -
var/let/const写在函数内部 → 局部变量(函数作用域) - 没用
var/let/const,直接赋值,比如name = "Alice"→ 自动挂到window上,变成全局变量(⚠️强烈不推荐) - 函数参数(如
function foo(x) { ... }中的x)→ 本质是局部变量
为什么 var 在 if 块里声明却不算块级作用域?
因为 var 只有函数作用域,没有块作用域。哪怕写在 {} 里,也会被提升到最近的函数顶部(或全局)。
function test() {
if (true) {
var x = 10;
}
console.log(x); // 10 —— 没报错!x 在整个函数内都有效
}
test();
而 let 和 const 不同:
立即学习“Java免费学习笔记(深入)”;
function test() {
if (true) {
let y = 20;
}
console.log(y); // ReferenceError: y is not defined
}
所以:用 let/const 才能真正实现块级隔离;靠 var 写 if 或 for 块,骗不了作用域。
常见踩坑:看似局部,实则污染全局
这种错误在调试时极难察觉,因为不会报语法错误,只在运行时悄悄泄露变量:
- 忘记写
var/let/const,直接count = 0→ 全局泄漏 - 在 IIFE(立即执行函数)里漏声明,比如
(function(){ i = 1; })()→i成了全局 - 嵌套函数中,误以为外层变量“自动私有”,其实只要没重名,内层函数能一直向上访问(这就是作用域链,不是作用域泄漏)
检查方法:在浏览器控制台输入 Object.keys(window).filter(k => !/^(?:document|location|navigator|...)$/.test(k)),能快速看到意外挂载的全局变量。
最稳妥的习惯:所有变量显式用 let 或 const 声明,并始终放在最小必要作用域内——函数里就别放全局,if 块里就别放函数顶层。











