跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

javascript作用域是什么_全局和局部作用域如何区分?

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免费学习笔记(深入) ”; Comet AI 浏览器 下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。 下载
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
块里就别放函数顶层。

相关文章