javascript编译器、引擎、作用域

几乎所有的编程语言最基本的功能之一,就是能够存储变量当中的值,并且能够在之后对这个值进行访问或修改。事实上,正是这种存储和访问变量的值的能力将状态带给了程序。
我们需要考虑几个问题:变量存储在哪里?最重要的是,程序需要如何找到它们?这些问题需要一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量。这套规则被称为作用域。

javascript编译器、引擎、作用域

  • 编译器负责语法分析以及代码生成;
  • 引擎从头到尾负责整个javascript程序的编译以及执行过程;
  • 作用域负责收集并维护由所有声明的标识符组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限。
var a = 2;

以上变量的赋值操作会执行两个动作,首先编译器会在当前作用域中声明一个变量(如果之前没有声明过),然后在运行时引擎会在作用域中查找该变量,如果能找到就会对变量赋值。在编译器编译运行时,引擎执行它时,会通过查找变量a来判断是否声明过。查找的过程由作用域进行协助,但是引擎执行怎么样的查找,会影响最终的查找结果。
引擎为变量的查询分为LHS查询和RHS查询;
LHS查询:当变量出现在赋值操作的左侧的时候进行LHS查询,LHS查询是试图找到变量的容器本身
RHS查询:当变量出现在赋值操作的右侧的时候进行RHS查询,RHS查询是查找某个变量的值

function foo(a){
	console.log(a)
}
foo(2);
//上述代码可以想象是引擎和作用域的一段对话
//引擎:我说作用域,我需要为 foo 进行 RHS 引用。你见过它吗?
//作用域:别说,我还真见过,编译器那小子刚刚声明了它。它是一个函数,给你。
//引擎:哥们太够意思了!好吧,我来执行一下 foo。
//引擎:作用域,还有个事儿。我需要为 a 进行 LHS 引用,这个你见过吗?
//作用域:这个也见过,编译器最近把它声名为 foo 的一个形式参数了,拿去吧。
//引擎:大恩不言谢,你总是这么棒。现在我要把 2 赋值给 a。
//引擎:哥们,不好意思又来打扰你。我要为 console 进行 RHS 引用,你见过它吗?
//作用域:咱俩谁跟谁啊,再说我就是干这个。这个我也有,console 是个内置对象。给你。
//引擎:么么哒。我得看看这里面是不是有 log(..)。太好了,找到了,是一个函数。
//引擎:哥们,能帮我再找一下对 a 的 RHS 引用吗?虽然我记得它,但想再确认一次。
//作用域:放心吧,这个变量没有变动过,拿走,不谢。
//引擎:真棒。我来把 a 的值,也就是 2,传递进 log(..)。

为什么要区分LHS和RHS很重要?
LHS未找到:引擎(或引擎中的编译器)会帮你在顶层作用域声明一个具有该名称的变量。(严格模式除外)
RHS未找到:引擎会抛出错误RefrenceError

总结

作用域是一套规则,用于确定在何处以及如何查找变量,如果查找的目的是对变量进行赋值,那么就会使用LHS查询,如果目的是获取变量的值,就会使用RHS查询。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值