作用域与执行上下文：理解 JavaScript 执行基础

在 JavaScript 的世界中，作用域和执行上下文是两个至关重要的概念，它们共同影响着程序的行为。理解它们之间的区别和联系对于深入理解 JavaScript 的运行机制至关重要。

执行上下文

执行上下文代表了一个特定的环境，其中包含了当前正在执行的代码。它包含了以下内容：

• 变量对象（VO）：存储着函数局部变量和形参。
• 作用域链：一个指向所有封闭作用域的变量对象的链条。
• This对象：指向当前正在执行代码的函数或全局对象。

每当函数被调用时，都会创建一个新的执行上下文，该上下文具有自己的变量对象和作用域链。

作用域

作用域定义了变量的可见性和访问范围。有两种主要的作用域：

• 全局作用域： 在脚本的任何位置都可以访问的变量。
• 局部作用域： 仅在特定函数或代码块内可访问的变量。

局部作用域由词法作用域规则控制，它规定变量的作用域由它所在的花括号块决定。

作用域与执行上下文的联系

作用域和执行上下文紧密相关。作用域决定了变量在执行上下文中可以访问哪些变量。执行上下文中的变量对象存储着变量的值，而作用域链允许访问封闭作用域中的变量。

举个例子

以下代码演示了作用域和执行上下文的交互：

var globalVar = "global";

function myFunc() {
  var localVar = "local";

  console.log(globalVar); // "global"
  console.log(localVar); // "local"
}

myFunc();
console.log(globalVar); // "global"
console.log(localVar); // ReferenceError: localVar is not defined

在这种情况下，globalVar 是全局变量，可在整个脚本中访问。myFunc 函数创建了一个新的执行上下文，其中包含一个变量对象，该对象存储着局部变量 localVar。在 myFunc 函数内部，globalVar 和 localVar 都可以使用。

然而，在 myFunc 函数外部，localVar 是不可访问的，因为它在局部作用域中。相反，globalVar 可以在任何地方访问，因为它在全局作用域中。

总结

作用域和执行上下文是 JavaScript 执行的核心概念。作用域定义了变量的可见性范围，而执行上下文提供了访问这些变量的机制。理解它们之间的区别和联系对于编写健壮且高效的 JavaScript 代码至关重要。