JavaScript作用域深度剖析之动态作用域

什么是动态作用域

在计算机科学中，动态作用域是一个表示运行时环境的概念，即在函数被调用时创建一个动态的作用域，该作用域与函数的调用位置有关，而不是与函数被定义时的位置有关。也就是说，动态作用域可以访问与其相邻的调用位置上下文中的变量。

动态作用域其实在 JavaScript 中不被支持，但是通过下文中的代码实例，可以模拟出动态作用域的情况。

示例1：模拟动态作用域

function foo() {
  console.log(testVar); // 如果 JavaScript 支持动态作用域，这里应该输出"bar"，但是实际上输出的是"undefined"

}

function bar() {
  var testVar = "bar";
  foo();
}

var testVar = "foo";

bar();

在上述代码中，我们定义了两个函数 foo 和 bar，以及一个全局变量 testVar。在函数 foo 中，我们试图访问 testVar，但实际输出的是 undefined，这是因为 JavaScript 实际上并不支持动态作用域。

如果 JavaScript 支持动态作用域，当我们调用 bar 函数时，foo 函数应该能够访问其相邻的上下文中的 testVar 变量值，即输出"bar"，但实际上并不行。

示例2：词法作用域

与动态上下文相反，JavaScript 支持词法作用域。在词法作用域中，变量的作用域由声明它的位置决定，而不是由执行时的调用栈决定。这意味着具有相同名称的变量可以在不同的作用域中使用，而不会彼此干扰。

function foo() {
  console.log(testVar); //输出"foo"，因为这里真正调用的上下文是全局作用域

}

function bar() {
  var testVar = "bar";
  foo();
}

var testVar = "foo";

bar();

在上述代码中，我们也定义了两个函数 foo 和 bar，以及一个全局变量 testVar。但是，与前面的例子不同的是，我们并没有试图访问相邻的上下文中的变量，而是直接引用了全局变量 testVar。由于 JavaScript 支持词法作用域，因此 testVar 引用的是全局作用域中的变量，因此输出"foo"。

总结：

虽然 JavaScript 不支持动态作用域，但是词法作用域可以很好地保证了程序的可靠性和可预测性。正确理解和使用作用域，是每一个 JS 程序员必备的技能。