理解词法作用域和动态作用域

最新推荐文章于 2025-04-17 00:53:07 发布

原创最新推荐文章于 2025-04-17 00:53:07 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文探讨了JavaScript中的两种作用域——词法作用域和动态作用域。在词法作用域中，变量查找遵循从当前作用域到全局作用域的链式查找，而动态作用域则在运行时根据调用栈确定变量所在位置。通过示例代码解释了两种作用域下变量`a`的查找过程和不同输出结果。

var a = 2;
function foo() {
  console.log(a);
}
function bar() {
  var a = 3;
  foo();
}
bar();

// 1.如果处于词法作用域，也就是现在的javascript环境。
// 变量a首先在foo()函数中查找，没有找到。
// 于是顺着作用域链到全局作用域中查找，找到并赋值为2。
// 所以控制台输出2

// 2.如果处于动态作用域，同样地，变量a首先在foo()中查找，没有找到。
// 这里会顺着调用栈在调用foo()函数的地方，也就是bar()函数中查找，找到并赋值为3。
// 所以控制台输出3