JavaScript AST 查看
展示代码对应的 AST 节点层级,观察语句、表达式与作用域如何被组织,是编译器学习的窗口。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 输入一段脚本
- 解析生成语法树
- 逐层展开观察节点
- 复制树结构做进一步分析
典型场景
学习代码被解析的过程
调试自定义转换逻辑
核对某写法生成的节点形态
常见问题
为什么看 AST?
它揭示结构本质,比文本更利于理解工具如何加工代码。
大文件会慢吗?
代码越长节点越多,建议聚焦关键片段查看。
能编辑树吗?
以只读观察为主,改写请回到源码后重新解析。