你不知道的JS系列 ( 3 ) － 作用域是什么

作用域是根据名称查找变量的一套规则。实际情况下，通常需要同时顾及几个作用域。来看两个例子

 

function foo(a){
　　console.log(a); //2
}
foo(2);

把这段代码的处理过程想象成一段对话

引擎：我说作用域，我需要为 foo 进行 RHS 引用，你见过它吗？
作用域：别说，我还真见过，编译器那小子刚刚声明了它。它是一个函数，给你。
引擎：哥们太够意思了！好吧，我来执行一下 foo。
引擎：作用域，还有个事儿。我需要为 a 进行 LHS 引用，这个你见过吗？
作用域：这个也见过，编译器最近把它声明为 foo 的一个形式参数了，拿去吧。
引擎：大恩不言谢，你总是这么棒。现在我要把 2 赋值给 a。
引擎：哥们，不好意思又来打扰你。我要为 console 进行 RHS 引用，你见过它吗？
作用域：咱两谁跟谁啊，再说我就是干这个。这个我也有，console 是个内置对象。给你。
引擎：么么哒。我得看看这里面是不是有 log(..)。太好了，找到了，是一个函数。
引擎：哥们，能帮我再找一下对 a 的 RHS 引用吗？虽然我记得它，但想再确认一次。
作用域：放心吧，这个变量没有变动过，拿走，不屑。
引擎：真棒。我来把 a 的值，也就是 2，传递给 log(..)
......

 

function foo(a){
　　console.log(a+b);
}
var b = 2;
foo(2); // 4

回顾一下引擎和作用域的对话，会进一步听到：

引擎：foo 的作用域兄弟，你见过 b 吗？我需要对它进行 RHS 引用
作用域：听都没听过，走开。
引擎：foo 对上级作用域兄弟，咦？有眼不识泰山，原来你是全局作用域大哥，太好了。你见过 b 吗？我需要对它进行 RHS 引用。
作用域：当然了，给你吧。

遍历嵌套作用域链对规则很简单：引擎从当前对执行作用域开始查找变量，如果找不到，就向上一级继续查找。当抵达最外层对全局作用域时，无论找到还是没找到，查找过程都会停止。

 

总结： 作用域是一套规则，用于确定在何处以及如何查找变量。如果查找对目的是找到变量对容器本身。那么就会使用 LHS 查询；如果目的是获取变量的值，就会使用 RHS 查询。作用域链就是嵌套作用域，当前作用域还有上一级，直到全局作用域