<!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>

es69的更多相关文章

随机推荐

  1. SQL Server单表已700w+将普通表转换成分区表1

    最近项目中,某个表数据量爆发时增长,单表已700w+,读写性能急剧下降,所以考虑加入分区表以解燃眉之急,后续还是要分表分库,当然这是后话.下面简要说一下将普通表转为分区表的步骤.   一.创建文件组 ...

  2. BZOJ 3680 模拟退火

    思路: 退火就好了-- 1.强烈建议题目名称改为"吊打出题人" 2.这种题放oj上啥心态...-–hzwer 二分TLE和WA 终于AC了-- //By SiriusRen #in ...

  3. h5调用手机前后摄像头，拍照

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pacam.aspx.cs& ...

  4. 把枚举类型绑定到datasource

    /// <summary> ///ProjectPriority 的摘要说明 /// </summary> public enum ProjectPriority { 极低 = ...

  5. WLAN HAL

      WLAN HAL WLAN 框架具有三个 WLAN HAL 表面,分别由三个不同的 HIDL 软件包表示: 供应商 HAL:Android 专用命令的 HAL 表面.HIDL 文件位于 hardw ...

  6. inception - resnet

    只有reduction-A是共用的,只是改了其中的几个参数 linear是线性激活. 结构是一样的

  7. 编译php并与nginx整合

    告诉 Nginx 如何处理 php 文件:          nginx>vim  conf/nginx.conf                     location ~ \.php${ ...

  8. UCOSii任务就绪表之OSUnMapTbl[16*16]的数组是如何得到的

    我比较喜欢图,如下图: 图1: INT8U const OSUnMapTbl[]数组内的数据. 1.UCOSii的优先级相关内容 首先先介绍一个概念:优先级.UCOSii的优先级按倒叙排列,即优先级数 ...

  9. linux学习之高并发服务器篇（二）

    高并发服务器 1.线程池并发服务器 两种模型: 预先创建阻塞于accept多线程,使用互斥锁上锁保护accept(减少了每次创建线程的开销) 预先创建多线程,由主线程调用accept 线程池 3.多路 ...

  10. Myeclipse学习总结（4）——Eclipse常用开发插件

    (1)    AmaterasUML         介绍:Eclipse的UML插件,支持UML活动图,class图,sequence图,usecase图等:支持与Java class/interf ...