JavaScript作用域：全局与局部详解

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《JavaScript作用域：全局与局部区别详解》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

JavaScript作用域在代码编写时即确定，取决于变量声明位置和方式：全局变量声明于函数外，局部变量声明于函数内或块级作用域（let/const），var无块级作用域，易导致意外提升。

JavaScript 的作用域不是“运行时决定谁能看到变量”，而是写完代码那一刻就定死了的访问规则——它只看你把 var、let 或 const 写在哪儿，不看你从哪儿调用函数。

怎么一眼分清全局变量和局部变量？看声明位置 + 声明方式

区分根本不用猜调用链，只盯两件事：在哪写的 和 怎么写的。

• var / let / const 写在所有函数外面 → 全局变量（let/const 不挂 window，但仍是全局作用域）
• var / let / const 写在函数内部 → 局部变量（函数作用域）
• 函数参数（比如 function foo(x) { } 中的 x）→ 本质是局部变量
• 没加任何关键字直接赋值，比如 count = 0 → 强制变成全局变量（哪怕写在 if 里、写在定时器回调里），绝对要避免

function test() {
  var a = 'var in fn';
  let b = 'let in fn';
  noKeyword = 'oops'; // ⚠️ 这行会让 noKeyword 成为全局变量
}
test();
console.log(noKeyword); // 'oops' —— 真的泄漏了
console.log(a); // ReferenceError
console.log(b); // ReferenceError

为什么用 var 写 if 块会“泄露”？

var 没有块级作用域，只有函数作用域。哪怕你把它塞进 {}、if、for 里，它也会被提升到最近的函数顶部（或全局）。

• let 和 const 才真正受 {} 限制，写进去就出不来
• 想在循环里保存每次迭代的索引（比如给按钮绑点击事件）？必须用 let，否则全拿到最后一个值

for (var i = 0; i  console.log(i), 100); // 输出 3, 3, 3
}
<p>for (let j = 0; j < 3; j++) {
setTimeout(() => console.log(j), 100); // 输出 0, 1, 2 ✅</p>

作用域链不是“作用域泄漏”，而是正向查找机制

内层函数能读外层函数的变量，是因为 JavaScript 在执行时会按“当前作用域 → 外层函数作用域 → 全局作用域”顺序查找，这叫作用域链。它不反向生效：外层永远看不到内层变量。

• 嵌套函数中误以为“外层变量自动私有”？错。只要没重名，内层就能一直向上取值
• 函数执行完，它的局部变量本该销毁；但如果被内部函数闭包捕获，就会继续存活——这不是作用域出错，是设计如此
• 报 ReferenceError: xxx is not defined，说明查到全局都没找到，不是“作用域断了”，是压根没声明

function outer() {
  const x = 'outer';
  function inner() {
    console.log(x); // ✅ 能访问，靠作用域链
  }
  inner();
}
outer();
console.log(x); // ❌ ReferenceError —— 外层不能反向访问

关键就一点：所有变量，必须显式用 let 或 const 声明，并放在最小必要作用域内。写在函数里就别放全局，写在 if 块里就别提溜到函数开头——这是最省心、最不易出错的实践。其他所有“为什么我改了这里却影响了那里”的问题，八成是忘了这句。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。