码迷,mamicode.com
首页 > 其他好文 > 详细

use traceur in ES6

时间:2015-07-28 22:55:11      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

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‘);
    }
}

 

use traceur in ES6

标签:

原文地址:http://www.cnblogs.com/lihaozhou/p/4684498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!