你不知道的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 查询。作用域链就是嵌套作用域,当前作用域还有上一级,直到全局作用域

猜你喜欢

转载自www.cnblogs.com/wzndkj/p/12302562.html