17370845950

JavaScript作用域是变量和函数可被访问的范围，分为全局、函数、块级三种；变量查找遵循作用域链规则，从当前作用域逐级向上至全局，未找到则报ReferenceError；闭包使内部函数能访问并“记住”外部变量。

JavaScript作用域是指变量和函数在代码中**可被访问的范围**，它决定了变量在哪里能被读取、修改或调用。变量查找则遵循一套明确的规则——**作用域链（Scope Chain）**，从当前作用域逐级向上查找，直到全局作用域，找不到就报 ReferenceError。

作用域的类型：全局、函数、块级

JavaScript 中主要有三种作用域：

• 全局作用域：在任何函数或块外部声明的变量（如 var a = 1 或 let b = 2），在整个脚本中都可访问；
• 函数作用域：用 function 声明的函数内部，用 var 声明的变量只在该函数内有效（有变量提升）；
• 块级作用域：由 {} 包裹的区域（如 if、for、{} 语句），let 和 const 声明的变量仅在此块内有效，且不会被提升。

变量查找：沿着作用域链向上找

当访问一个变量时，JavaScript 引擎会按以下顺序查找：

• 先看当前执行上下文（比如函数内部）有没有用 let/const/var 声明该变量；
• 如果没有，就去上一级作用域（比如外层函数）查找；
• 继续向上，直到全局作用域；
• 如果全局也没找到，就抛出 ReferenceError: xxx is not defined。

注意：var 声明的变量会被提升到函数顶部，但赋值不提升；let/const 不仅不提升，还有“暂时性死区（TDZ）”，在声明前访问会报 ReferenceError，不是 undefined。

闭包：让内部作用域能“记住”外部变量

当一个函数返回另一个函数，并且返回的函数引用了外部函数的变量，就形成了闭包。此时，即使外部函数已执行完毕，其作用域仍被保留在内存中，供内部函数持续访问。

例如：

function outer() {
  let x = 10;
  return function inner() {
    console.log(x); // 仍能访问 outer 的 x
  };
}
const fn = outer();
fn(); // 输出 10

常见陷阱与建议

• 避免用 var 声明循环变量（如 for (var i=0;...)），容易因变量提升和函数作用域导致意外共享；推荐用 let；
• 不要在块级作用域（如 if）里用 var 声明变量，它会泄漏到外层函数或全局；
• 调试时可用 console.dir(functionName) 查看函数的 [[Scopes]] 属性（Chrome DevTools），直观看到作用域链；
• 尽量用 const 声明，需要重新赋值再用 let，少用 var。