JavaScript作用域决定变量和函数的可访问范围;全局变量在函数外用var/let/const声明或直接赋值产生,局部变量在函数内或块内用let/const声明;var无块级作用域,let/const有。
JavaScript
作用域
就是变量和函数能被访问到的“地盘”——超出这个范围,
就会报
或返回
。区分全局和局部作用域,关键看**声明位置**和**声明方式**,而不是调用位置。
怎么一眼判断一个变量是全局还是局部?
看它在哪声明、怎么声明:
/
/
写在所有函数外面 → 全局变量(属于
属性,
浏览器
环境)
/
/
写在函数内部 → 局部变量(函数作用域)
没用
/
/
,直接赋值,比如
→ 自动挂到
上,变成全局变量(⚠️强烈不推荐)
函数参数(如
中的
)→ 本质是局部变量
为什么
在
块里声明却不算块级作用域?
因为
只有函数作用域,没有块作用域。哪怕写在
里,也会被提升到最近的函数顶部(或全局)。
而
和
不同:
立即学习
“
Java免费学习笔记(深入)
”;
Comet AI 浏览器
下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
所以:用
/
才能真正实现块级隔离;靠
写
或
块,骗不了作用域。
常见踩坑:看似局部,实则污染全局
这种错误在调试时极难察觉,因为不会报语法错误,只在运行时悄悄泄露变量:
忘记写
/
/
,直接
→ 全局泄漏
在 IIFE(立即执行函数)里漏声明,比如
→
成了全局
嵌套函数中,误以为外层变量“自动私有”,其实只要没重名,内层函数能一直向上访问(这就是作用域链,不是作用域泄漏)
检查方法:在浏览器控制台输入
,能快速看到意外挂载的全局变量。
最稳妥的习惯:所有变量显式用
或
声明,并始终放在最小必要作用域内——函数里就别放全局,
块里就别放函数顶层。
console.log()ReferenceErrorundefinedvarletconstwindowvarletconstvarletconstname = "Alice"windowfunction foo(x) { ... }xvarifvar{}function test() {
if (true) {
var x = 10;
}
console.log(x); // 10 —— 没报错!x 在整个函数内都有效
}
test();letconstfunction test() {
if (true) {
let y = 20;
}
console.log(y); // ReferenceError: y is not defined
}letconstvarifforvarletconstcount = 0(function(){ i = 1; })()iObject.keys(window).filter(k => !/^(?:document|location|navigator|...)$/.test(k))letconstif