深入理解JavaScript_作用域链查找

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

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。

佳蓝智能应答系统

类似智能机器人程序，以聊天对话框的界面显示，通过输入问题、或点击交谈记录中的超链接进行查询，从而获取访客需要了解的资料等信息。系统自动保留用户访问信息及操作记录。后台有详细的设置和查询模块。适用领域：无人职守的客服系统自助问答系统智能机器人开发文档、资源管理系统……基本功能：设置对话界面的显示参数设置各类展示广告根据来访次数显示不同的欢迎词整合其他程序。

4

查看详情

常见误解与实际查找行为

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

看一个典型例子：

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 的作用域链是在定义时绑定的，不会因调用位置改变而变化。

块级作用域对作用域链的影响

ES6 引入了 let 和 const，带来了块级作用域。这也影响了作用域链的结构。

使用 let 声明的变量会被添加到当前块的作用域中，而不是提升到函数顶部。

function blockScope() {
  if (true) {
    let y = 'block';
  }
  // console.log(y); // 这里会报错，y 不在当前作用域
}

此时 if 块形成了一个新的词法环境，y 只存在于该块的作用域中。作用域链会包含这个临时的块级环境，在查找时也会按层级进行。

基本上就这些。理解作用域链的关键在于明白：函数在哪里定义，决定了它能看到什么变量；执行时的作用域链是函数定义时的“记忆”，不是调用时的环境。不复杂但容易忽略。

以上就是深入理解JavaScript_作用域链查找的详细内容，更多请关注php中文网其它相关文章！