前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >es6转es5思路

es6转es5思路

作者头像
刘嘿哈
发布2022-10-25 14:21:44
5190
发布2022-10-25 14:21:44
举报
文章被收录于专栏:js笔记

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

  • 解析(parse):将代码字符串解析成抽象语法树,即所谓的 AST
  • 转换(transform):对 AST 进行处理,在这个阶段可以对 ES6 代码进行相应转换,即转成 ES5 代码
  • 生成(generate):根据处理后的 AST 再生成代码字符串 于此,其实我们自己就可以实现一个简单的“编译器”,用于把 ES6 代码转成 ES5。

可以使用 @babel/parser 的 parse 方法,将代码字符串解析成 AST; 使用 @babel/core 的 transformFromAstSync 方法,对 AST 进行处理,将其转成 ES5 并生成相应的代码字符串, 就像vue处理模板一样,把es6代码识别为一段字符串,根据规则转成ast,然后根据映射表转换成es5的语法,然后转成es5字符串,最后转成js

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档