use traceur in ES6

1 Index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
</body>
<!-- 加载Traceur编译器 -->
<script src="http://google.github.io/traceur-compiler/bin/traceur.js" type="text/javascript"></script>
<!--<!– 将Traceur编译器用于网页 –>-->
<script src="http://google.github.io/traceur-compiler/src/bootstrap.js" type="text/javascript"></script>
<!-- 打开实验选项，否则有些特性可能编译不成功 -->
<script>
    traceur.options.experimental = true;
</script>

<script type="module" src="cal.js">
</script>
</html>

2 cal.js

/**
 * Created by Jackey Li on 2015/7/26.
 */
import {Hello} from './profile.js';
class Calc {
    constructor(){
        this.hello = new Hello();
        this.hello.sayHi();
        console.log('Calc constructor');
    }
    add(a, b){
        return a + b;
    }
}

var c = new Calc();
console.log(c.add(4,5));

3 profile.js

/**
 * Created by Jackey Li on 2015/7/26.
 */
export class Hello{
    constructor(){

    }
    sayHi(){
        console.log('hi');
    }
}

 

posted @ 2015-07-28 22:03  菠萝君  阅读(406)  评论(0)  编辑  收藏  举报