Traceur 转码器 将 ES6 代码转为 ES5 代码

文章摘自《ECMAScript 6 入门 》

Traceur 允许将 ES6 代码直接插入网页。首先,必须在网页头部加载 Traceur 库文件




解释一下上面引入的内容:

第一个是加载 Traceur 的库文件

第二个和第三个是将这个库文件用于浏览器环境

第四个则是加载用户脚本,这个脚本里面可以使用 ES6 代码。

注意,第四个script标签的type属性的值是module,而不是text/javascript。这是 Traceur 编译器识别 ES6 代码的标志,编译器会自动将所有type=module的代码编译为 ES5,然后再交给浏览器执行。

除了引用外部 ES6 脚本,也可以直接在网页中放置 ES6 代码:

如果想对 Traceur 的行为有精确控制,可以采用下面参数配置的写法:

上面代码中,首先生成 Traceur 的全局对象window.System,然后System.import方法可以用来加载 ES6。加载的时候,需要传入一个配置对象metadata,该对象的traceurOptions属性可以配置支持 ES6 功能。如果设为experimental: true,就表示除了 ES6 以外,还支持一些实验性的新功能

你可能感兴趣的:(ES6)