<!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. Everedit软件下载、安装和运行（免注册）

    不多说,最近,无意中,留意到这款软件.  前言 1.这是免注册版本   (推荐,这个是别人开发做出来的,放心!) 2.这是需注册版本    (这个是去官网) EverEdit是专门为国人设计的一流文本 ...

  2. Storm Zookeeper

    本文记录了storm 1.1.0 在zookeeper中保存的信息. 下面的图是在[4]的基础上进行修改的. /-storm -- storm在zookeeper上的根目录 | |-/assignme ...

  3. 洛谷P4180 [Beijing2010组队]次小生成树Tree

    题目描述 小C最近学了很多最小生成树的算法,Prim算法.Kurskal算法.消圈算法等等.正当小C洋洋得意之时,小P又来泼小C冷水了.小P说,让小C求出一个无向图的次小生成树,而且这个次小生成树还得 ...

  4. python import windows文件路经

    import sys sys.path.append("E:\\python\\workspacepython\\PY001\\src\\testpy01") import str ...

  5. 超链接：a标签

    a标签的功能:实现跳转功能 a标签的重要属性:href,target href的值为跳转目标的地址,如果是跳转页面的话,需要这个页面的超链接. target的值有四个:_blank._self._pa ...

  6. luoguP1419 寻找段落(二分答案+单调队列）

    题意 给定一个长度为n的序列a1~an,从中选取一段长度在s到t之间的连续一段使其平均值最大.(n<=100000) 题解 二分答案平均值. judge时把每一个a[i]-mid得到b[i] 在 ...

  7. 前端之CSS介绍

    CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS的语法 CSS语 ...

  8. 苹果下一代iPhone曝光

    3月23日消息,据9TO5Mac报道,苹果下一代iPhone(以下暂命名为iPhone 11)可能会提供像三星Galaxy S10的PowerShare功能,能为Apple Watch和AirPods ...

  9. 【Codeforces Round #462 (Div. 1) A】 A Twisty Movement

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] ans初值值为a[1..n]中1的个数. 接下来考虑以2为结尾的最长上升子序列的个数. 枚举中间点i. 计算1..i-1中1的个数c ...

  10. 【Educational Codeforces Round 37 E】Connected Components?

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] bfs. 用一个链表来记录哪些点已经确定在某一个联通快里了. 一开始每个点都能用. 然后从第一个点开始进行bfs. 然后对于它的所有 ...