JavaScript 函数执行环境和作用域链深入浅出

前端

2023-12-20 19:34:34

在 JavaScript 中，执行环境和作用域链是两个密切相关的概念，对理解代码如何执行至关重要。本文将深入探讨这些概念，从本质到创建过程，帮助你全面掌握它们的运作原理。

执行环境

执行环境是一个抽象概念，它定义了 JavaScript 代码执行的上下文。它包含了以下信息：

变量对象 (VO)： 存储当前作用域中声明的变量。
作用域链： 指向当前作用域以及所有父作用域的链接列表。
**this ** 指向当前函数执行时的对象。

作用域链

作用域链是一个概念链，它定义了当前作用域可以访问哪些变量。它是由以下步骤创建的：

创建全局作用域： 在 JavaScript 脚本执行时，会创建一个全局作用域。该作用域链只包含一个元素，即全局变量对象 (GVO)。
创建函数作用域： 每次调用一个函数时，都会创建一个新的函数作用域。该作用域链包含函数的变量对象以及父作用域的链条。
访问变量： 当函数访问变量时，它会首先在自己的变量对象中查找。如果未找到，它将沿着作用域链逐级向上查找，直到找到该变量或到达全局作用域。

示例

以下代码示例演示了执行环境和作用域链的创建：

function outer() {
  const outerVar = "outer"; // 声明在 outer 作用域中的变量

  function inner() {
    const innerVar = "inner"; // 声明在 inner 作用域中的变量
    console.log(outerVar); // outer
    console.log(innerVar); // inner
  }

  inner();
}

outer();