简单理解 JavaScript 中的作用域,以及左右侧引用 (作用域与闭包 - Ch1.2)


学习作用域的较好方式是将这个过程,模拟成几个人之间的对话。

演员表

有哪些演员参与作用域和变量的工作?

  • 引擎:负责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 的源值。

猜你喜欢

转载自blog.csdn.net/Littlelumos/article/details/128648606
今日推荐