深入理解JavaScript_作用域链查找-js教程-PHP中文网

深入理解JavaScript_作用域链查找

夜晨

发布： 2025-11-23 23:30:06

原创

403人浏览过

作用域链由函数定义时的词法环境决定，变量查找会沿当前作用域向上搜索至全局；函数inner在outer中定义，因此可访问outer中的变量，即使被外部调用也依然保持对原作用域的引用。

深入理解javascript_作用域链查找

JavaScript中的作用域链是理解变量查找机制的核心。当代码在执行过程中需要查找变量时，JavaScript引擎会沿着作用域链一层层向上寻找，直到找到对应的标识符或到达全局作用域为止。这个过程看似简单，但背后涉及函数创建、词法环境和执行上下文等多个关键概念。

词法作用域与函数创建时的作用域链

JavaScript采用词法作用域（也叫静态作用域），这意味着函数的作用域在函数定义时就已经确定，而不是在调用时决定。函数内部能访问哪些变量，取决于它在源码中的位置。

每当一个函数被定义，它就会“记住”当前的外部作用域，形成一个闭包。这个闭包包含了一个指向其外部词法环境的引用，从而构建出作用域链的结构。

例如：

function outer() {
  let a = 1;
  function inner() {
    console.log(a); // 可以访问到 outer 中的 a
  }
  inner();
}
outer();

在这里，inner 函数在定义时就绑定了 outer 函数的作用域。即使 inner 被传递到其他地方调用，它依然能访问 a，这就是作用域链的体现。

立即学习“Java免费学习笔记（深入）”；

执行上下文与作用域链的构建过程

当函数被调用时，JavaScript会创建一个执行上下文，其中包含变量对象、this指向以及作用域链。作用域链本质上是一个由词法环境组成的列表，用于变量查找。

作用域链的构建顺序如下：

当前函数的局部变量（活动对象）
外层函数的变量对象（如果有多个嵌套，则逐层向上）
直到全局对象（window 或 global）

变量查找从当前作用域开始，如果没有找到，就沿着作用域链向上搜索，直到全局作用域。如果仍未找到，就会抛出 ReferenceError。

中解商务通

实时捕捉一旦访问者打开您的网站，系统会立即显示，这时您就可以查看用户的信息，如：来自搜索引擎关键词、友情链接或直接访问；访问者的IP地址，所在地区，正在访问哪个网页；以及访问者使用的操作系统、浏览器、显示器屏幕分辨率颜色深度等。主动出击变被动为主动，可以主动邀请访问者进行洽谈勾通，帮助客户深入了解您的企业和产品，同时获得对方的采购意向、联系方式等信息。互动交流主动销售和在线客服合二为一，

查看详情

常见误解与实际查找行为

很多人认为作用域链是在运行时动态生成的，其实不然。它的结构在函数定义时就已经由词法结构决定了。

看一个典型例子：

let x = 'global';
function outer() {
  let x = 'outer';
  function inner() {
    console.log(x);
  }
  return inner;
}
let fn = outer();
fn(); // 输出 'outer'，不是 'global'

虽然 fn 是在全局环境中调用的，但它仍然访问的是 outer 中定义的 x。因为 inner 的作用域链是在定义时绑定的，不会因调用位置改变而变化。