es69 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>交换变量的值</title>
<script src="../../../vendor/traceur.js"></script>
<script src="../../../vendor/bootstrap.js"></script>
<script type="text/traceur">
    //ES5
    console.log("ES5:");
    var a = 100;
    var b = 200;
    console.log("交换前：");
    console.log("a = " + a);    //a = 100
    console.log("b = " + b);    //b = 200
    var temp;
    temp = a;
    a = b;
    b = temp;
    console.log("交换后：");
    console.log("a = " + a);    //a = 200
    console.log("b = " + b);    //b = 100

    //ES6用于大型项目开发节约内存
    console.log("ES6:");
    var x = 100;
    var y = 200;
    console.log("交换前：");
    console.log("x = " + x);    //x = 100
    console.log("y = " + y);    //y = 200
    [x, y] = [y, x];//[x, y] = [200, 100];
    console.log("交换后：");
    console.log("x = " + x);    //x = 200
    console.log("y = " + y);    //y = 100
---------------------------------------------
    function fun () {
        return [1, 2, 3];
    };

    var [x, y, z] = fun();//函数返回多个值，并且可以只要返回的哪个值
    console.log(x);    //1
    console.log(y);    //2
    console.log(z);    //3
----------------------------------------------
    function fun () {
        return {
            id  : "007",
            name: "Conan",
            age : 28
        };
    };
    var { id, name, age } = fun();
    console.log(id);    //007
    console.log(name);    //Conan
    console.log(age);    //28
    var { id: person_id, name: person_name, age: person_age } = fun();
    console.log(person_id);        //007
    console.log(person_name);    //Conan
    console.log(person_age);    //28
--------------------------------------------
    // 参数是一组有次序的值
    function fun ([x, y, z]) {
        //x = 100;
        //y = 200;
        //z = 300;
    };
    fun([100, 200, 300]);

    // 参数是一组无次序的值
    function fun ({id, age,name}) {
        //id   = "007";
        console.log(name);
        //age  = 28;
    };
    fun({id: "007", name: "Conan", age: 28});
---------------------------------------------
    var jsonData = {
        id: "007",
        name: "Conan",
        age: 28,
        score: {
            Chinese: 98,
            Math: 148,
            English: 107
        }
    };
    console.log(jsonData);

    console.log("ES5:");
    console.log("Person's Number is:" + jsonData.id);
    console.log("Person's Name is:" + jsonData.name);
    console.log("Person's age is:" + jsonData.age);
    console.log("Person's Chinese score is:" + jsonData.score.Chinese);
    console.log("Person's Math score is:" + jsonData.score.Math);
    console.log("Person's English score is:" + jsonData.score.English);

    console.log("ES6:");
    let { id: number, name, age, score: score } = jsonData;
    console.log("Person's Number is:" + number);
    console.log("Person's Name is:" + name);
    console.log("Person's age is:" + age);
    console.log("Person's Chinese score is:" + score.Chinese);
    console.log("Person's Math score is:" + score.Math);
    console.log("Person's English score is:" + score.English);
-----------------------------------------------

</script>
</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遍历Map结构</title>
<script src="../../../vendor/traceur.js"></script>
<script src="../../../vendor/bootstrap.js"></script>
<script type="text/traceur">
    var map = new Map();
    map.set("id", "007");
    map.set("name", "Conan");

    console.log(map);//Map(2) {"id" => "007", "name" => "Conan"}
    console.log(typeof(map));//object

    //    获取键名和键值
    for (let [key, value] of map) {
        console.log(key + " is " + value);
    };
    // id is 007
    // name is Conan
    
    //    获取键名
    for (let [key] of map) {
        console.log(key);
    };
    // id
    // name
    
    for (let [, value] of map) {
        console.log(value);
    };
    // 007
    // Conan
</script>
</head>
<body>

</body>
</html>

 

posted @ 2017-06-09 01:28  无天666  阅读(484)  评论(0)    收藏  举报