学习作用域的较好方式是将这个过程,模拟成几个人之间的对话。
演员表
有哪些演员参与作用域和变量的工作?
- 引擎:负责JS程序的编译和执行过程
- 编译器:负责语法分析和代码生成
- 作用域:收集和维护所有变量组成的一系列查询,并实施一套严格的规则,确定访问权限
对话
当你看到 var a = 2
时会认为这里有一句声明,实际上是两部分:
- 遇到
var a
:
编译器询问作用域是否有一个该名称的变量存在于同一个作用域集合,
如果是则忽略,继续进行编译,否则要求作用域声明一个新的变量,并命名为a
。 - 编译器再为引擎生成运行时所需的代码,用来处理
a = 2
这个赋值操作,
引擎运行时询问作用域是否存在变量a
,如果是,直接使用,否则继续查找。
LHS 和 RHS
编译器在第二步生成代码,随后引擎执行它时会查找变量 a
来判断是否声明过,这就是 LHS
查询。
而 RHS
查询则是查找某个变量的值,即获取某个变量的源值,比如 console.log(a)
中对 a
的引用就是一个 RHS
引用。
理解一段实例
function func(a){
console.log(a)
}
func(3)
- 这段代码既有
RHS
也有LHS
,首先是func(3)
函数的调用要先找到func
这个函数对象的值,这就是一个RHS
引用。 - 当
3
作为参数被传递给func
时,3
会被隐式地传递给a
这个变量,此时为了找到a
就是一个LHS
引用。 - 然后对
console
这个对象进行一个RHS
查询,并检查是否有一个叫做log
的方法。 - 接下来又要对
a
进行一次RHS
查询,因为要获取a
的源值。