「功能大到你想象的JS ES6和TypeScript在线练习环境，值得一试！」百家号Lite

「功能大到你想象的JS ES6和TypeScript在线练习环境，值得一试！」百家号Lite_作者自评：

如何评价百家号Lite小程序热议话题「功能大到你想象的JSES6和TypeScript在线练习环境，值得一试！」
工欲善其事必先利其器，近几年来，Javascript犹如神来之笔，发展势如破竹。越来越多后端项目也在慢慢的被javascript蚕食，而且前端的工程化实践越来越完善，这很大程度上都是得益于javascript的发展。特别是ECMAScript6（以下简称ES6）和TypeScript的语言特性越来越向Java，C等成熟的后端语言风格靠近，比如支持面向对象的类，继承，子类的覆写父类的多态，从而让代码更为易读和维护，从而适合工程化的大规模开发。
与此同时，javascript后端的单元测试框架也日益成熟，从而有利于前端代码的质量得到大大的保证，从而适用于规模更大的项目和工程，当前主流的支持javascript测试框架有：
JasmineCucumberqunit+sinonAssertAssert+JQueryMochat+Chai+Sinon在来撇撇ES6吧。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript2015。
标准委员会最终决定，标准在每年的6月份正式发布一次，作为当年的正式版本。接下来的时间，就在这个版本的基础上做改动，直到下一年的6月份，草案就自然变成了新一年的版本。这样一来，就不需要以前的版本号了，只要用年份标记就可以了。
因此，ES6既是一个历史名词，也是一个泛指，含义是5.1版以后的JavaScript的下一代标准，涵盖了ES2015、ES2016、ES2017等等，而ES2015则是正式名称，特指该年发布的正式版本的语言标准。
虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了，那我们在学习ES6的时候，如果快速的学习其特性，有没有一个不需要安装任何依赖，只需要打开浏览器就能学习ES6的语法的地方呢？还真被笔者找到了，就是es6console.com。
比如，我想快速测试和学习ES6的面向对象的特性，比如下面的代码。
那如何运行上面的代码呢？只要我们打开es6console.com，然后把上面的代码拷贝到主编辑面板中，然后点击左上角的“Run”按钮，其代码就会自动运行，运行结果见下图的右下方，是不是很方便。
而且其还支持TypeScript的语法，另外如果在输入ES6脚本的过程中，如果有输入的语法错误，其还能提示出来。比如，根据ES6的语法：
super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不this对象。ES6的继承机制，实质是先创造父类的实例对象this（所以必须先调用super方法），然后再用子类的构造函数修改this。如果在调用父类的this指针的时候，如果不在子类的构造函数里面加上super（），则会在使用this指针时报错，还是非常智能的，见下图：
如果你对笔者的分享感趣的话，请收藏并关注我的百家号；如果你有任何疑问需要探讨，欢迎在文章末尾留言，我尽量在第一时间个大家回复。【部分图片来源网络，如有侵权，请联系笔者删除，谢谢！】
该话题由百家号作者程序员看世界「简介:通过程序员的视角分享观点和技术」
更多有关功能大到你想象的JSES6和TypeScript在线练习环境，值得一试！的话题讨论请访问百家号Litex小程序关注作者-程序员看世界