编译原理.md · RJ/共享知识库

# JavaScript的工作原理

## 作用域

任何编程语言最基本的，就是能够存储变量中的值，并且能在之后对这个值进行访问和修改。

#### 但是问题来了，**变量存储在哪里？程序如何找到他们？**

这时需要一套设计良好的规则来存储变量，并且之后可以方便的找到这些变量，这套规则就是**作用域** ;说白了作用域就是根据名称查找变量的一套规则。

#### 问题又来了，在哪里，什么时候，如何设置这些规则呢？

## 编译流程

在传统编译语言的流程中，程序中的一段源代码在执行之前会经历三个步骤，统称为“编译”。

#### 词法分析

词发分析其实就是把代码字符串分解为符号，至于分解成什么样的符号，需要参照该编程语言所对应的特定的词汇表，词汇表就如同我们人类语言的字典一样，词法单元就是我们所说的单词。

#### 语法分析

语法（文法）是什么，就是指语言将词汇以某种规律结合在一起，所表达的意义。编程语言的语法分析就是将词法数组按照编程语言所规定的语法规则，转换成解析树也就是抽象语法树（AST）

#### 代码生成

将AST转换为机器码的过程，也就是将AST转化为二进制机器指令。

## 深入理解作用域

### 历史背景

#### 引擎

从头到尾负责整个 JavaScript 程序的编译及执行过程。

#### 编译器

负责语法分析及代码生成等脏活累活

#### 作用域

负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限。

#### 三者的协同工作

我们将 var a = 2; 进行分解，分析。

**第一步：** **编译器**将这段代码分解成词法单元。

**第二步：** **编译器**将词法单元解析成AST。

**第三步：**

1、**编译器**首先询问**作用域**是否有一个名称是a的变量存在于同一个**作用域**的集合中。是，忽略声明继续编译；否，在当前**作用域**集合中声明一个新的变量a。

2、为**引擎**生成运行时代码，这些代码被用来处理a=2这个赋值操作。

**第四步：** **引擎**执行编译器生成的代码，查找当前作用域变量是否有一个叫a的变量？是，引用。否继续查找。

### 专业术语

#### LHS与RHS查询

**LHS：**试图找到变量容器本身。

**RHS：**找到变量的源值。

RJ/共享知识库