zxdfe / FE-Interview

Every step counts
34 stars 1 forks source link

第69题:ES6 代码转成 ES5 代码的实现思路是什么? #70

Open zxdfe opened 2 years ago

zxdfe commented 2 years ago

将ES6 转为ES5 主要用到的是Babel编译器, 参考Babel的实现方式。

那么 Babel 是如何把 ES6 转成 ES5 呢,其大致分为三步:

  1. 解析:解析代码字符串,生成 AST(抽象语法树);
  2. 转换:按一定的规则转换、修改 AST,将ES6转换为ES5代码;
  3. 生成:将修改后的 AST 转换成普通代码。

深入浅出 Babel 上篇:架构和原理 + 实战