AST基本使用

AST(抽象语法树)是编程语言的语法结构的树形表示,常用于代码转换和分析。通过词法分析和语法分析生成,AST在框架如babel、webpack中发挥关键作用。要深入理解和使用AST,可以借助@babel/parser进行解析,用traverse进行遍历,以及generator进行转换。掌握AST能帮助理解工具和框架底层原理。
摘要由CSDN通过智能技术生成

AST

AST是Abstract Syntax Tree的缩写既"抽象语法树"
它以树状的形式表现编程语言的语法结构

在线生成
推荐阅读

生成过程

源码–词法分析–语法分析–抽象语法树

源码:

let sum = 10 + 66;

词法分析:
从左到右一个字符一个字符地读入源程序,从中识别出一个个“单词”"符号"等

单词   let     单词    sum      符号    =      数字   10      符号   +    数字   66      符号  ; 
[
 {
   "type": "word", value: "let"}
 {
   "type": "word", value: "sum"}
 {
   "type": "Punctuator", value: "="}
 {
   "type": "Numeric", value: "10"}
 {
   "type": "Punctuator", value: "+"}
 {
   "type": "Numeric", value: "66""}
 {
   "type": "Punctuator", value: ";"}
 ]

语法分析:
在词法分析的基础上根据当前编程语言的语法,将单词序列组合成各类语法短语

关键字  let   标识符  sum   赋值运算符  =    字面量  10   二元运算符  +    字面量  66   结束符号 ; 

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值