理解抽象語(yǔ)法樹(AST)

Abstract syntax tree - 維基百科

抽象語(yǔ)法樹在 JavaScript 中的應(yīng)用 - 美團(tuán)點(diǎn)評(píng)技術(shù)團(tuán)隊(duì)

JavaScript的抽象語(yǔ)法樹與語(yǔ)法解析

通過開發(fā) Babel 插件理解抽象語(yǔ)法樹

JavaScript Parser

• Esprima
• Acorn
• Babylon

Parser建議從Esprima開始學(xué)習(xí)，相比較于其它Parser文檔和示例更加豐富和形象。

Acorn的性能和效率比Esprima更勝一籌，但是文檔比較匱乏。

Babylon是Babel的JavaScript Parser，早期也是fork的Acorn，目前關(guān)注度不及其它Parser。

推薦一種比較好的實(shí)踐方式：從npm中的找出幾個(gè)依賴于這些Parser的項(xiàng)目直接學(xué)習(xí)源代碼。比如amd2cmd這個(gè)項(xiàng)目就是使用acorn將amd代碼轉(zhuǎn)換為cmd代碼。

周邊工具

AST explorer

更直觀的理解各個(gè)Parser生成的AST。

ECMAScript Tooling

各種用于AST以及輔助的相關(guān)工具，比如estraverse用于遍歷AST，escodegen用于從AST生成源代碼。

Babel 插件手冊(cè)