JavaScript语法解析与抽象语法树(AST)----Espsrima的使用方法

最新推荐文章于 2024-03-20 09:48:18 发布

weixin_34186950

最新推荐文章于 2024-03-20 09:48:18 发布

阅读量1.1k

点赞数

文章标签： python javascript ViewUI

原文链接：https://segmentfault.com/a/1190000013423155

版权

本文介绍了如何利用Esprima解析JavaScript代码并构建抽象语法树(AST)。通过AST可以方便地分析代码，例如在微信小程序场景中查找所有wx.api的调用。文章详细展示了使用Esprima进行环境准备、代码解析和节点遍历的过程，并提供了辅助函数的实现思路。

摘要由CSDN通过智能技术生成

最近在分析微信小程序，需要统计以前代码中所使用过的wx.api。思路为对js文件进行语法分析，然后找出调用者为wx的成员表达式。

首先来看一下什么是抽象语法树。抽象语法树（Abstract Syntax Tree）也称为AST语法树，指的是源代码语法所对应的树状结构。也就是说，对于一种具体编程语言下的源代码，通过构建语法树的形式将源代码中的语句映射到树中的每一个节点上。
可以通过一个demo来看一下什么是AST。
js代码为

var a = 1;
function main() {
    console.log('this is a function');
}
main();

这段代码的AST长这样：

可以发现，代码被映射成了一颗语法树，有三个节点，不同语句映射成不同的节点。那么我们便可以通过操作语法树来准确的获得代码中的某个节点，对代码进行分析等。

Espsrima是一个较为成熟的JavaScript语法解析开源项目。使用Espsrima对js代码进行语法解析的步骤如下：

我们使用node来构建能够在命令行中运行的js代码。所以首先确保安装了n

关注