Traceur项目旨在让你预先体验还处于草案阶段的下一代Javascript语言新特性，并根据实际运行的代码来提供反馈，帮助标准制定。
要体验Traceur非常简单，只需要在你的HTML文件头部包含两个js文件即可：
<html>
<head>
...
<script src="http://traceur-compiler.googlecode.com/svn/branches/v0.10/src/traceur.js" type="text/javascript"></script>
<script src="http://traceur-compiler.googlecode.com/svn/branches/v0.10/src/bootstrap.js" type="text/javascript"></script>
</head>
</html>
traceur.js是编译器，bootstrap.js则负责将所有script标签中的脚本编译为当前浏览器可执行的Javascript，如果不想这么麻烦，你也可以直接通过这个在线模拟器来体验。
目前Traceur支持以下新的语言特性，每个都十分令人期待：
for (let element : [1, 2, 3]) {
console.log(element);
}
function deferredAnimate(element) {
for (var i = 0; i < 100; ++i) {
element.style.left = i;
await deferredTimeout(20);
}
};
deferredAnimate(document.getElementById('box'));
{
const tmp = a;
a = b;
b = tmp;
}
alert(tmp); // error: 'tmp' is not defined.
var [a, [b], c, d] = ['hello', [', ', 'junk'], ['world']]; alert(a + b + c); // hello, world
function slice(list, indexA = 0, indexB = list.length) {
// ...
}
function push(array, ...items) {
items.forEach(function(item) {
array.push(item);
});
}
function push(array, ...items) {
array.push(...items);
}
function add(x, y) {
return x + y;
}
var numbers = [4, 38];
add(...numbers); // 42
更多关于新特性及实现细节的介绍请看这里。
想和我们一道传播黑客精神？快来加入吧！
| 无觅猜您也喜欢： | |||
 Handlebars.js入门介绍 |
 超简单的MapReduce Javascript实现 |
你不懂Javascript |
 Javascript版Heroku: Akshell |
| 无觅 | |||
