JavaScript 执行环境与作用域：掌握变量访问权限

前端

2023-11-18 07:21:52

JavaScript——执行环境及作用域：理解变量访问权限

变量的作用域决定了它在代码中可访问的范围，而执行环境定义了变量可以访问的其他数据，这对于理解 JavaScript 代码至关重要。

执行环境

每个 JavaScript 执行环境都包含一个变量对象（Variable Object），其中存储了该环境中定义的所有变量和函数。虽然代码无法直接访问该对象，但解析器在处理数据时会使用它。

作用域

作用域定义了变量或函数在代码中可以访问的其他数据的范围。有两种主要的作用域：

全局作用域： 在此作用域中定义的变量和函数可以在所有其他执行环境中访问。
局部作用域： 在此作用域中定义的变量和函数只能在该执行环境内访问，例如函数或块级作用域。

嵌套作用域

当一个函数嵌套在另一个函数中时，它们创建了一系列嵌套的作用域。内部作用域可以访问外部作用域的变量和函数，但外部作用域不能访问内部作用域的变量和函数。

执行上下文

执行上下文是一个环境，其中包括：

全局对象： 全局作用域的变量对象。
作用域链： 包含所有作用域对象的链接列表，从当前执行环境开始，一直到全局对象。
this： 指向当前执行代码的对象。

理解变量访问

要确定变量是否可访问，请执行以下步骤：

从当前执行环境开始，检查作用域链。
如果在当前作用域中找到该变量，则返回该值。
如果在当前作用域中没有找到该变量，请转到步骤 1 并检查作用域链中的下一个作用域。
如果在作用域链中找不到该变量，则返回 undefined。

示例

// 全局作用域
var globalVar = "global";

// 函数嵌套在全局作用域中
function outerFunc() {
  // 局部作用域
  var outerVar = "outer";

  // 嵌套在 outerFunc 中
  function innerFunc() {
    // 局部作用域
    var innerVar = "inner";

    console.log(globalVar); // "global"
    console.log(outerVar); // "outer"
    console.log(innerVar); // "inner"
  }

  innerFunc();
}

outerFunc();