实现一个AST解释器(续):简化的AST

本文介绍了如何使用NodeJS中的babel库生成JavaScript代码的抽象语法树(AST),并展示了通过编写minify_ast函数来删除AST中不必要的节点,如行号、位置信息等,从而得到简化的AST。这个过程对于理解AST及其在编译和解析过程中的作用非常有帮助。
摘要由CSDN通过智能技术生成

实现一个AST解释器(续):简化的AST

在之前的文章《JavaScript黑科技:实现一个AST解释器》中,提到了用于执行的、简化的AST。

形如:

{"type":"File","program":{"type":"Program","body":[{"type":"ExpressionStatement","expression":{"type":"CallExpression","callee":{"type":"MemberExpression","object":{"type":"Identifier","name":"console"},"property":{"type":"Identifier","name":"log"}},"arguments":[{"type":"StringLiteral","value":"jshaman"}]}}]}}

AST如何获得呢?

使用astexplorer是一种方法,但不太便捷。

作为程序员,最理所当然的方法,自然是用程序生成。

在NodeJS中可以用babel方便的生成JavaScript代码的AST。如下所示:

但此AST含有代码行号、位置、注释等众多冗长信息。

因此,还需再进一步,去除这些不需要的内容。

去除方法,即是从AST这个JSON对像中删除不需要节点。代码如下:

var parser = require('@babel/parser');
//从JS代码生成AST
var js_code = "console.log('jshaman');"
var ast = parser.parse(js_code);
//简化AST
minify_ast(ast);
function minify_ast(ast){
    for(var key in ast){
        //要删除的节点名称
        var delete_ast_types = ["start","end","loc","errors","comments","directives"];
        for(i=0; i< delete_ast_types.length; i++){
            if(key == delete_ast_types[i]){
                console.log("删除AST节点:", key);
                delete ast[key]
            }
        }
        if(typeof(ast[key]) == "object"){
            console.log("进入子节点:", JSON.stringify(ast[key]));
            minify_ast(ast[key]);
        }
    }
    return ast;
}
ast = JSON.stringify(ast);
console.log("简化后的AST:", ast);

运行结果如下:

由图中可见,最终生成了简化的AST。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值