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

理解JavaScript中的作用域、LHS与RHS查询
文章通过演员表的比喻解释了JavaScript中作用域、引擎和编译器的角色。LHS查询涉及变量的声明或赋值,而RHS查询用于获取变量的值。举例说明了在函数调用和参数传递中LHS和RHS的应用。


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

演员表

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

  • 引擎:负责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 的源值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值