AST 抽象语法树知识点(1),全网独家首发

本文详细介绍了AST(抽象语法树)的概念,包括Class、Modules、Program & Directive以及File & Comment的相关知识。通过示例解析了function、class、import、export等在AST中的表示,并探讨了它们的特点和在代码执行中的作用。此外,文章还提到了AST在模块化、程序结构和注释处理中的角色,帮助读者深入理解AST在前端开发中的重要性。
摘要由CSDN通过智能技术生成

function(){};

() => {};

class{};

a;

this;

super;

a::b;

它们对应的AST如图:

细心的同学可能会问 identifier 和 super 怎么也是表达式呢?

其实有的节点可能会是多种类型,identifier、super 有返回值,符合表达式的特点,所以也是 expression。

我们判断 AST 节点是不是某种类型要看它是不是符合该种类型的特点,比如语句的特点是能够单独执行,表达式的特点是有返回值。

有的表达式可以单独执行,符合语句的特点,所以也是语句,比如赋值表达式、数组表达式等,但有的表达式不能单独执行,需要和其他类型的节点组合在一起构成语句。比如匿名函数表达式和匿名 class 表达式单独执行会报错

function(){};

class{}

需要和其他部分一起构成一条语句,比如组成赋值语句

a = function() {}

b = class{}

表达式语句解析成 AST 的时候会包裹一层 ExpressionStatement 节点,代表这个表达式是被当成语句执行的。

小结:表达式的特点是有返回值,有的表达式可以独立作为语句执行,会包

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值