学习作用域的较好方式是将这个过程,模拟成几个人之间的对话。
演员表
有哪些演员参与作用域和变量的工作?
- 引擎:负责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的源值。
理解JavaScript中的作用域、LHS与RHS查询
文章通过演员表的比喻解释了JavaScript中作用域、引擎和编译器的角色。LHS查询涉及变量的声明或赋值,而RHS查询用于获取变量的值。举例说明了在函数调用和参数传递中LHS和RHS的应用。
246

被折叠的 条评论
为什么被折叠?



