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

ES6转ES5_es5与es6的区别

作者头像
全栈程序员站长
发布2022-11-08 16:15:02
9570
发布2022-11-08 16:15:02
举报

大家好,又见面了,我是你们的朋友全栈君。

es6转码es5

一.Babel 在线转码

二.谷歌的Traceur 在线转码

三.es6console 在线转码并运行

四.Traceur 在页面中引入使用

代码语言:javascript
复制
//加载 Traceur 文件
<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
//这两个是将上面的文件用于浏览器环境
<script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
//在下面写js 注意type="module"
<script type="module">
	//注意type="module"
</script>

就可以了。

五. node中使用Traceur 1.首先需要用安装

代码语言:javascript
复制
npm install -g traceur

2.运行es6文件

代码语言:javascript
复制
traceur 文件名.js

3.将es6转为es5

代码语言:javascript
复制
traceur --script 文件名.es6.js --out 文件名.es5.js

4.防止出现问题最好加上实验选项 --experimental

代码语言:javascript
复制
traceur --script 文件名.es6.js --out 文件名.es5.js --experimental

六. node中使用Babel 1.安装

代码语言:javascript
复制
npm install --global babel

2.运行es6文件

代码语言:javascript
复制
babel-node 文件名.js

3.将es6转为es5

代码语言:javascript
复制
babel 文件名.js

或者指定转换后的es5文件名

代码语言:javascript
复制
babel es6文件名.js -o es5文件名.js

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • es6转码es5
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com