ES6规范2015年发布,现在浏览器对它的支持正在不断的加强,具体查看浏览器对ES6支持的程度,请参考https://kangax.github.io/compat-table/es6/,如果想查看浏览器对所有JS,CSS,HTML5新特性的支持,请参考http://caniuse.com/


想要学习ES6,有几种方法:

1. 在浏览器上尝试,这需要浏览器对ES6的支持,目前看支持程度最好的是FF44和微软的Edge13

2. 在node.js上尝试,当然这也需要node.js实现ES6,具体支持情况请参考:https://nodejs.org/en/docs/es6/

3. 通过Babel或者Traceur对ES6的代码进行转码,转成ES5,在浏览器或者其他环境下运行

4. 通过其他对ES6支持的运行时环境尝试,例如Kinoma


下面说一下具体环境的搭建:

浏览器和node.js的环境就不说了,直接安装就行了。至于Babel和Traceur的环境搭建,请参考http://es6.ruanyifeng.com/#docs/intro


这里重点说一下Kinoma,这个运行时环境对ES6的支持程度达到了96.8%,基本上算是完美的ES6运行时环境了,我们可以看一下官方文档:http://kinoma.com/develop/documentation/js6/,具体安装文档:https://github.com/Kinoma/kinomajs/,这个搞起来很麻烦,需要自己compile和build才行,不过不用担心,Kinoma还有一个IDE,叫Kinoma Studio:http://kinoma.com/develop/studio/index.php,这个IDE基于Eclipse,内置了ES6的运行时环境,用过Eclipse的人应该都会用这种IDE。


Kinoma Studio具体的使用步骤:

File -> New -> Application Project

输入名字,一路下一步,最后创建成功之后是这个样子:



main.js是程序的入口,application.xml是程序的配置文件,如果只是用这个IDE学习ES6,知道这两个文件就够了,本身这个IDE是开发基于Kinoma Create嵌入式程序的,有兴趣的自己去官网了解。


然后我们可以创建一个module,File -> New -> Script Module,自己起个名字



Kinoma支持的是node.js的模块语法,不支持ES6的module,这里注意一下,然后在main.js中直接require这个模块,调用run方法就行了。Kinoma没有浏览器里的console api,这里需要使用trace,换行在结尾加"\n"。

//@program

var bs = require("./Syntax/BlockScope").BlockScope;

bs.run();

写完之后,右键这个项目,选择Run As -> Run Configurations



配置好以后,点击Run,然后就可以在Eclipse控制台中看到打印出来的信息了。


具体喜欢什么环境,看个人爱好,自己在学习ES6的过程中,主要使用了Chrome和这个Kinoma Studio,还有Babel的在线repl


Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐