AST
2023-08-01 21:41:57
什么是 AST
AST(Abstract Syntax Tree)是前端工程化绕不过的一个名词，翻译过来就是抽象语法树，有着非常多的应用场景
比如：
- Typescript 转化为 Javascript
- sass/less 转化为 css
- es6+ 转化为 es5
- 使用 eslint/prettier 对代码进行格式化
- react 中的 jsx
- MDX
- ...
AST 的生成
在语言转换的过程中，实质上就是对其 AST 的操作，核心步骤就是 AST 三步走
- Code -> AST (Parse)
- AST -> AST (Transform)
- AST -> Code (Generate)
AST 的生成这一步被称为解析(Parser)，而该步骤也有两个阶段: 词法分析(Lexical Analysis)和语法分析(Syntactic Analysis)
词法分析用以将代码转化为 Token 流，维护一个关于 Token 的数组
语法分析将 Token 流转化为结构化的 AST，方便操作
