【前端八股文面试题】【JavaScript篇8】作用域链介绍？

在 JavaScript 中，作用域链（Scope Chain）是变量查找的规则链，它决定了代码中如何访问变量和函数。通俗地说，就像你找东西时会按照“由近及远”的顺序搜索不同范围：

作用域链的核心逻辑：

1. 从最内层作用域开始查找
   当你访问变量时，先看当前函数内部是否有这个变量。

   function myFunc() {
     const name = "小明"; // 当前作用域有 → 直接使用
     console.log(name); // "小明"
   }
   

2. 逐层向外查找直到全局
   如果当前作用域没有，就向上一层父作用域继续找（函数在哪定义，上层作用域就在哪），类似“套娃”式搜索：

   const globalName = "全局变量";
   
   function outer() {
     const outerName = "外部变量";
     
     function inner() {
       console.log(outerName);  // 当前作用域没有 → 找父作用域（outer）
       console.log(globalName); // outer也没有 → 找全局作用域
     }
     inner();
   }
   outer();
   

3. 全局作用域是终点
   如果直到全局作用域（浏览器环境是 window）都找不到，报错 xxx is not defined。

作用域链的关键特性：

1. 函数定义时确定（词法作用域）

作用域链在函数创建时就固定了，与在哪里调用无关：

let food = "苹果";

function eat() {
  console.log(food); // 创建时就确定food指向全局
}

function kitchen() {
  let food = "香蕉";
  eat(); // 输出"苹果"（不是厨房的"香蕉"！）
}
kitchen();

2. 作用域的层级结构

多层嵌套函数的作用域链像倒着的树：

全局作用域
   └── outer()作用域
        └── inner()作用域

3. 链的构成单位

• 函数作用域：每个函数都会创建自己的作用域
• 块级作用域（ES6+）：用 let/const 时，{} 会创建临时作用域（如 if/for）
• 全局作用域：脚本最外层

作用域链 和 闭包

闭包是作用域链的典型应用：当内部函数访问了外部函数的变量，就会形成闭包：

function counterFactory() {
  let count = 0; // 被内部函数锁在闭包中
  
  return function() {
    count++; // 沿着作用域链找到父函数的count
    return count;
  };
}

const counter = counterFactory();
console.log(counter()); // 1 
console.log(counter()); // 2 （count在闭包中存活）

总结一张表

理解作用域链能帮你避开变量覆盖、命名冲突等问题，也是理解闭包、模块化等高级概念的基础！