html转换成抽象语法树,五分钟了解抽象语法树（AST）babel是如何转换的？

抽象语法树

什么是抽象语法树？

It is a hierarchical program representation that presents source code structure according to the grammar of a programming language, each AST node corresponds to an item of a source code.

抽象语法树是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构

看不懂没关系，抽象语法树有很多章节，我们不需要逐一了解

这篇文章会帮你建立起，抽象语法树的印象

我们只需要把目光聚焦于词法分析(Lexical Analysis)和语法分析(Syntax Analysis)上，这两步在转换抽象语法树过程中扮演着极其重要的角色。

词法分析 Lexical Analysis

也叫scanner(扫描器)，它读取我们的source code中你的每一个字符，转换成token(词法令牌), 最后，我的源代码可能会被转换成 list of tokens

input => const a = 5;

output => [{type: 'keyword', value: 'const', ...}, {type: 'identifier', value: 'a', ...}, {type: 'value', value: '5', ...}, ...]

语法分析 Syntax Analysis

也叫parser(解析器)，将词法分析器解析出的list of token，