课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在学习计算机编程开发技术,而今天我们就通过案例分析来了解一下,web前端开发编译器的一些基础知识。
1、解析(Parsing)
Babel拿到源代码会把代码抽象出来,变成AST(抽象语法树),学过编译原理的同学应该都听过这个词,全称是AbstractSyntaxTree。
抽象语法树是源代码的抽象语法结构的树状表示,树上的每个节点都表示源代码中的一种结构,只所以说是抽象的,是因为抽象语法树并不会表示出真实语法出现的每一个细节,比如说,嵌套括号被隐含在树的结构中,并没有以节点的形式呈现,它们主要用于源代码的简单转换。
2、转换(Transformation)
Plugins
插件应用于babel的转译过程,尤其是二个阶段Transformation,如果这个阶段不使用任何插件,那么babel会原样输出代码。
Presets
Babel官方帮我们做了一些预设的插件集,称之为Preset,这样我们只需要使用对应的Preset就可以了。每年每个Preset只编译当年批准的内容。而babel-preset-env相当于ES2015,ES2016,ES2017及新版本。
3、生成(CodeGeneration)
用babel-generator通过AST树生成ES5代码
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。