17370845950

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 不同：

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 块里就别放函数顶层。