>[success] # 编译器那些术语 ~~~ 1.经常听到'词法解析'=》'语法解析' =》'ast' 等等这类专业术语,在实际编程中会有各种工具帮我 们完成这些术语名词的工作,实际工作中大部分场景不会实际去打交道,在工程化原来越频繁, 这些术语变得出现频率更高,这里记录一下这方面知识 2.js 执行过程 '语法分析阶段'=>'编译阶段' =>'执行阶段',这三个阶段中, '语法分析阶段'就包含了 '词法解析'=》'语法解析' =》'ast',参考'https://www.kancloud.cn/cyyspring/more/1843999' 3.计算机真正识别是'0 1' 这种二进制,但事实上这种二进制无论让我们开发人员去读去写都是困难 的,因此有了'编译器'的出现帮我们将代码从高级语言翻译成低级语言。编译器将代码翻译成的低级 语言通常称为汇编代码、依靠编译器来获取我们的程序并将它们翻译成机器代码,这就是我们的计 算机将作为可执行程序运行的代码。 4.相对的高级语言到高级语言的转换工具,被叫做转换编译器,简称转译器 (Transpiler) ~~~ >[danger] ##### 解析 ~~~ 1. 词法分析—— tokenizer 通过一个叫做tokenizer(词素生成器,也叫lexer)的工具将源代码 分解成一个个词素。(词素是描述编程语言语法的对象。它可以描述数字,标识符,标点符号, 运算符等等。) 2.语法分析—— parser 接收词素并将它们组合成一个描述了源代码各部分之间关系的中间表达 形式:抽象语法树。(抽象语法树是一个深度嵌套的对象,这个对象以一种既能够简单地操作又 提供很多关于源代码信息的形式,来展现代码。) ~~~ >[danger] ##### 转换 ~~~ 1.编译器的下一个阶段是转换阶段。再回顾一遍,这个过程接收解析生成的抽象语法树并对它做出 改动。转换阶段可以改变抽象语法树使代码保持在同一个语言(例如Babel,Babel接收的是JS代 码生成的也是JS代码),或者编译成另外一门语言。 2.babel 中 traverser函数,这个函数接收抽象语法树以及一个访问者对象 接收创造的抽象语法树并将它和一个访问者对象传给`traverser`函数。然后创造一个新的抽象 语法树 ~~~