到这里，我们就已经得到了一个完整的层级结构了，那么这部分内容跟我们今天将的 AST 有什么关系呢？
我们先来看下真正的 AST（抽象语法树）长啥样
我们转换一个简单的函数：
function add(n, m){
return n m
}
左边是我们平时编写的代码，而右侧便是通过代码转换得到的 AST 树
我们通过观察这棵 AST 树有什么发现？没错！这棵 AST 树的结构基本和我们刚刚共同完成的层级结构图一致，这意味着我们刚刚自己手撸了一棵 AST 树出来
三、揭露 AST 面纱1）AST 定义1. 它是什么？AST（抽象语法树）并没有我们所想的那么神秘，它是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。
2. 它有什么特征？首先它是抽象的，它无关语法结构，不会记录源语言真实语法中的每个细节，比如分隔符，空白符，注释等，它都会进行移除。
3. 它有什么用？通过以上的实践，我们也认识到了转换AST 是一项繁琐的过程，但为什么要去转换呢？现在各种语言语法种类繁多，虽然最终落到计算机的眼中都是 0 和 1，但是编译器需要识别语言，这个时候就需要使用一种通用的数据结构来描述，而 AST 就是那个东西，因为 AST 是真实存在且存在一定逻辑规则的。
4. 它是如何进行转换的？它转换的过程中也是运用到了我们刚刚所说的几种方式：
- 词法分析器
- 语法分析器
- 解释器
比如我们写个简单的代码：
const name = '张三'
- 词法分析
第一步就是 词法分析 ，它的任务就是一个一个字母地读取代码，当它遇到 空格、操作符、特殊符号的时候，就表示自己第一活已经扫描结束了，我们上述的代码这经过 词法分析 后就会被解析为 [const, name, =, '张三'] 这几个值
- 语法分析
经过上层的分析，我们已经拿到了各个 token， 也就是 token流 ，也就是接下来我们就可以对token流 进行语法分析，比如我们第一个遇到的 token 是 const ，语法分析器通过分析，判断它是一个 声明参数 ，就会标记为 VariableDeclaration，以此类推，后面的几个 token 都会进行分析，直到生成了一棵 AST 抽象语法树
