1.1作用域

第1章,作用域是什么?

1.1 编译原理

JavaScript事实上是一门动态编译语言
所有执行的语句都需要编译,只是过程十分短暂。而且并不是提前编译的,也不能在分布式系统中进行移植,更像是一边执行一边编译。也是正因为如此(JavaScript引擎不会有大量的时间进行编译,也没有那么多时间进行优化。因为不是发生在构建之前),这种“编译”过程会掺杂很多优化。

传统的编译过程分为三个步骤:

  • 1.词法分析
    对语句进行分词,按照一定的字符串组成规则。
  • 2.解析、语法分析
    将词法单元流转换成抽象语法树。
  • 3.代码生成
    将抽象语法树转换为可执行的代码

JavaScript也是有类似的过程,但是会更加复杂。

1.2理解作用域

关于javascript解析

3大角色

  • 1.编译器
  • 2.引擎
  • 3.作用域
    这里将javascript定义为编译性质的语言,以一种极快的速度进行编译,然后运行。不像其他语言一样,采用编译后再运行。更类似于一边编译,一边运行。当然这也是传统定义中,解释型语言的样子了。

‘var a = 2;’一条简单语句的执行过程

1.将语句进行词法分解,分解成词法单元,然后解析成为词法树。在这个过程中出错,则报出语法错误。
2.词法树编译,遇到var a
编译器会询问(搜索)作用域是否存在该名称的变量,如果存在,则忽略该声明,继续进行编译(词法树的继续展开)。否则它会要求作用域在当前作用域的集合中声明一个新的变量,并命名为a
3.遇到a = 2 , 词法树的编译会为引擎生成运行时所需要的代码,这个代码需要处理这一个a = 2 的赋值操作。
4.引擎运行这段代码,首先会搜索当前作用域是否有a这个变量,如果是,引擎就会使用这个变量(注意一下,这里还真不一定说一定会有,详细见之前说的变量提升hosting问题),否则引擎会继续查找该变量。
如果找到了该变量,则继续赋值
如果找不到,则举手抛出一个异常

关于以上说的编译器/引擎执行的对变量a的查找

在上述的例子中,引擎会为变量a使用LHS的查找
查找一共有两种方式
一种是LHS,另一种则是RHS
当变量出现在赋值操作的左侧时进行LHS查询,出现在右侧时进行RHS查询

大概可以这样理解
LHS是找到变量的地址
RHS则是找到变量的地址中存放的值。
RHS(retrieve his source value)取得他的源值
只要是涉及到赋值操作,就一定会有LHS的左侧搜索,它也有可能是在隐式中发生

function foo(a){
    console.log(a);
}
foo(2)

上述代码中,除了foo()发生了RHS的foo值搜索以外,
还发生了a = 2 的隐式LHS的引用搜索,以及console对象的RHS对象值搜索

当然,在预编译过程中的function 函数声明,我现有的知识知道这和正常的var声明不一样。
事实上,函数声明是另外的一种方式进行编译的。
狗日的真复杂

1.4异常

区分 referenceError异常和TypeError

你可能感兴趣的:(1.1作用域)