栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

13.babel的底层原理

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

13.babel的底层原理

babel 是如何做到将我们的一段代码(ES6、TypeSdript、React)转成另外一段代码(ES5)的呢?

  • 从一种源代码转成另一种源代码
  • Babel编译器的作用就是将我们的源代码,转换成浏览器可以直接识别的另一种源代码。

Babel也拥有编译器的工作流程以及执行阶段:

原生源代码

解析阶段(Parsing)

转换阶段(Transfromation)

生成阶段(Code Generation)

目标源代码

当然,这只是一个简化版的编译器工具流程,在每个阶段会有自己具体的工作:

原生源代码———>词法分析——>tokens数组——>语法分析——>AST抽象数——>遍历——>访问——>应该插件——>新的抽象语法树(AST)——>目标源代码

//例子
const name="hahhaha"
var name="hahahaha"

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/992676.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号