云驹博客

路漫漫其修远兮,吾将上下而求索。

0%

AST(抽象语法树)

AST(抽象语法树)

简介

抽象语法树(Abstract Syntax Tree),简称 AST 或 语法树,是源代码结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。

演示

在线 AST 转换站点: AST Explorer

应用场景

其实我们每天都在使用它

  • React
    • JSX语法转为React.createElement语法
  • Vue
    • 将模板语法转为JavaScript代码
  • webpackViterollup
    • 依赖关系树
    • 代码打包
    • loader
  • TypeScript
    • TypeScript语法转为JavaScript语法
  • SassLess
    • SassLess语法转为CSS语法
  • Babel
    • 将 ES6+ 语法的代码转为 ES5 语法
  • ESLintPrettier
    • 语法检查、代码格式化

前端工程化、代码层面相关处理

操作AST的包