VSCode 怎么将 ES6 转 ES5?


本文摘自PHP中文网,作者Guanhui,侵删。

VSCode 怎么将 ES6 转 ES5?

VSCode是无法将ES6转ES5,但是可以通过Babel库实现,Babel是一个工具链,主要用于将ES5+版本的代码转换为向后兼容的JavaScript语法,以便能够运行在当前和旧版本的浏览器或其它环境中运行。

示例

1

2

3

4

5

6

// Babel 输入: ES2015 箭头函数

[1, 2, 3].map((n) => n + 1);

// Babel 输出: ES5 语法实现的同等功能

[1, 2, 3].map(function(n) {

  return n + 1;

});

ECMAScript 的历史

ES6 是 ECMAScript 标准十余年来变动最大的一个版本,为其添加了许多新的语法特性。

  • 1997 年 ECMAScript 1.0 诞生。

  • 1998 年 6 月 ECMAScript 2.0 诞生,包含一些小的更改,用于同步独立的 ISO 国际标准。

  • 1999 年 12 月 ECMAScript 3.0诞生,它是一个巨大的成功,在业界得到了广泛的支持,它奠定了 JS 的基本语法,被其后版本完全继承。直到今天,我们一开始学习 JS ,其实就是在学 3.0 版的语法。

  • 2000 年的 ECMAScript 4.0 是当下 ES6 的前身,但由于这个版本太过激烈,对 ES 3 做了彻底升级,所以暂时被"和谐"了。

  • 2009 年 12 月,ECMAScript 5.0 版正式发布。ECMA 专家组预计 ECMAScript 的第五个版本会在 2013 年中期到 2018 年作为主流的开发标准。2011年6月,ES 5.1 版发布,并且成为 ISO 国际标准。

  • 2013 年,ES6 草案冻结,不再添加新的功能,新的功能将被放到 ES7 中;2015年6月, ES6 正式通过,成为国际标准。

推荐教程:《JS教程》、《vscode入门教程》

以上就是VSCode 怎么将 ES6 转 ES5?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vscode怎么自动补齐标签

vscode断点加不上的解决方法

如何彻底清除vscode以及安装的插件和个人信息

vscode 如何全部替换?

vscode中怎么配置python,实现错误提醒和自动格式化

vscode没有语法提示的解决方法

浅谈vscode使用i18n-ally插件实现国际化

vscode无法访问扩展怎么办

vscode如何实现实时预览效果

怎么使用浏览器查看vscode写的代码

更多相关阅读请进入《js》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...