## 題目 ES6 代碼轉成 ES5 代碼的實現思路是什么 ## 解釋 Babel 是如何把 ES6 轉成 ES5 呢，其大致分為三步： * 將代碼字符串解析成抽象語法樹，即所謂的 `AST(abstract syntax tree)`，是用來表示源代碼語法的一種樹形結構，樹上的每個節點都代表源代碼的一種結構。AST在我們日常應用中非常廣泛，我們的代碼高亮，代碼檢查等都是依靠的AST * 對 AST 進行處理，在這個階段可以對 ES6 代碼進行相應轉換，即轉成 ES5 代碼 * 根據處理后的 AST 再生成代碼字符串 基于此，其實我們自己就可以實現一個簡單的“編譯器”，用于把 ES6 代碼轉成 ES5。 比如，可以使用`@babel/parser`的`parse`方法，將代碼字符串解析成 AST；使用`@babel/core`的`transformFromAstSync`方法，對 AST 進行處理，將其轉成 ES5 并生成相應的代碼字符串；過程中，可能還需要使用`@babel/traverse`來獲取依賴文件等。對此感興趣的可以看看[這個](https://github.com/FishPlusOrange/easy-webpack)。 ## 摘自 [ 第 66 題：ES6 代碼轉成 ES5 代碼的實現思路是什么](https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/112)