🌳 JS语法树查看

纯前端 acorn 解析 JavaScript 代码生成 AST,支持树形与 JSON 视图,数据本地处理

🌳 树形视图
{ } JSON 输出
节点总数
代码行数
解析耗时
输入 JS 代码后点击「解析」生成语法树

📦 功能说明

使用 acorn 解析器将 JavaScript 代码解析为抽象语法树(AST),提供可折叠的树形视图与格式化 JSON 两种查看方式,并统计节点数量、代码行数与解析耗时。

AST解析 树形视图 JSON输出 ES2023+ 位置信息 离线本地

💡 使用须知

  • 使用 ecmaVersion: latest、sourceType: module 解析,支持最新语法
  • 树形视图节点可点击折叠/展开,叶子节点显示原始值
  • 位置信息(loc)展示每个节点的起止行列位置
  • 代码有语法错误时会显示错误位置与提示信息
  • 解析在本地完成,代码不会上传到任何服务器

✨ 绘萤者

以萤火之光,绘万千想象

绘萤者——探索真正的互联网精神,创造更有意义的互联网。