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

//   ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring） 。

    // ES5

    var a = 1;

    var b = 2;

    var c = 3;

    // ES6

    var [a, b, c] = [1, 2, 3];

    console.log(a);    //1

    console.log(b);    //2

    console.log(c);    //3

--------------------------------------------------------

    let [foo, [[bar], base]] = [1, [[2], 3]];

    console.log(foo);    //1

    console.log(bar);    //2

    console.log(base);    //3

    let [, , third] = ["first", "second", "third"];

    console.log(third);    //third

    let [one, , three] = ["One", "Two", "Three"];

    console.log(one);    //One

    console.log(three);    //Three

    let [head, ...tail] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

    console.log(head);    //0

    console.log(tail);    //[1, 2, 3, 4, 5, 6, 7, 8, 9]

    let [head, tail] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

    console.log(head);    //0

    console.log(tail);    //1

----------------------------------------------------

    var [temp] = [];

    console.log(temp);    //undefined

    var [first, second] = [100];

    console.log(first);    //100

    console.log(second);//undefined

----------------------------------------------------    

    let [x, y] = [1, 2, 3];

    console.log(x);    //1

    console.log(y);    //2

    let [a, [b], c] = [1, [2, 3], 4];

    console.log(a);    //1

    console.log(b);    //2

    console.log(c);    //4

-----------------------------------------------

    var [temp = "string"] = [];

    console.log(temp);    //string，没有值走默认

    var [temp = "string"] = ["tempString"];

    console.log(temp);    //tempString，默认值和指定值冲突（指定值不为未定义）用指定值、指定值为未定义用默认值，

    var [x = "aaa", y] = ["bbb"];

    console.log(x);    //bbb

    console.log(y);    //undefined

    var [m, n = "aaa"] = ["bbb"];

    console.log(m);    //bbb

    console.log(n);    //aaa

    var [p, q = "aaa"] = ["bbb", undefined];

    console.log(p);    //bbb

    console.log(q);    //aaa

-------------------------------------------------------

    var [temp] = 1;            //正确写法:var [temp] = [1];  报错1[Symbol.iterator] is not a function at eval

    var [temp] = false;        //报错:false[Symbol.iterator] is not a function at eval

    var [temp] = NaN;        //报错:NaN[Symbol.iterator] is not a function at eval

    var [temp] = undefined; //报错:Cannot read property 'Symbol(Symbol.iterator)' of undefined at eval

    var [temp] = null;        //报错:Cannot read property 'Symbol(Symbol.iterator)' of null at eval

-------------------------------------------------------

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Iterator接口</title>

<script src="../../../vendor/traceur.js"></script>

<script src="../../../vendor/bootstrap.js"></script>

<script type="text/traceur">

//只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值。

    let [a, b, c] = new Set(["a", "b", "c"]);

    console.log(a);    //a

    console.log(b);    //b

    console.log(c);    //c

    function* fibs() {

        let a = 0;

        let b = 1;

        while (true) {

            yield a;

            [a, b] = [b, a + b];

        }

    };

    var [first, second, third, fourth, fifth, sixth] = fibs();

    console.log(sixth);    //5

</script>

</head>

<body>

</body>

</html>

es67的更多相关文章

  1. 简述WebService的使用（一）

    环境: vs版本:vs2013 windows版本:win7 IIS版本:IIS7.0 (如果觉得对您有用,请点击右下角[推荐]一下,让更多人看到,谢谢) 配置环境: 主要针对于IIS ·首先,有很多 ...

  2. vue源码入口文件分析

    开发vue项目有段时间了, 之前用angularjs 后来用 reactjs 但是那时候一直没有时间把自己看源码的思考记录下来,现在我不想再浪费这 来之不易的思考, 我要坚持!! 看源码我个人感觉非常 ...

  3. 开始在web中使用JS Modules

    本文由云+社区发表 作者: 原文:<Using JavaScript modules on the web> https://developers.google.com/web/funda ...

  4. create-react-app入门教程

    Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具.它本身集成了Webpack,并配置了一系列内置的loader和默认的npm的脚本,可 ...

  5. Angular 快速入门

    Angular 快速入门 AngularJS 官方网址 Angular:https://www.angular.cn/ Angular官网:https://angularjs.org/ Angular ...

  6. vue koa2 mongodb 从零开始做个人博客(一) 登录注册功能前端部分

    0.效果演示 插入视频插不进来,就很烦.可以出门右拐去优酷看下(点我!). 1.准备工作 1.1前端框架 前端使用了基于vue.js的nuxt.js.为什么使用nuxt.js? 首先我做的是博客的项目 ...

随机推荐

  1. HDU 2515 Yanghee 的算术【找规律】

    题意:中文的题目 找规律可以发现 sum[1]=a[1]+a[2] sum[2]=a[1]+a[3] sum[n]=a[2]+a[3] 解出a[1],就可以求出其他的了 #include<ios ...

  2. python的模块导入机制

    在python中用import或者from...import来导入相应的模块. 模块(Module)其实就是一些函数和类的集合文件,它能实现一些相应的功能,当我们需要使用这些功能的时候,直接把相应的模 ...

  3. grep常用命令讲解

    grep大家应该并不陌生,但是这个命令你确定真的会用吗?ok,接下来我通过举例子的方式,带你看清grep的本质. 首先,把/etc/password的内容复制下来命令为1.txt吧,方便操作,哈哈~ ...

  4. 去除windows编辑文本中的回车符

    情景描述: 最近,huskiesir的朋友遇到了一个很奇葩的问题.那就是他在windows上搭建了一个http服务,把A脚本放在了上面并用linux去下载和执行,但是在执行的时候出现了问题,在linu ...

  5. 三 Client 如何找到正确的 Region Server

    客户端在进行put.delete.get等操作的时候,它都需要数据到底存在哪个Region Server上面,这个定位的操作是通过 Connection.locateRegion方法来完成的. loc ...

  6. hadoop 2.5.1 、Hadoop 2.7 Hadoop 2.6

    1  rpm 安装     yum install rpm 2  JDK安装    << 一定要先删除JDK!!!!!!>>       rpm -qa | grep java ...

  7. SpringMVC拓展

    ### 原生SpringMVC有如下缺陷 参数的JSON反序列化只支持@RequestBody注解,这意味着不能在controller方法中写多个参数,如下代码是不对的 public Map test ...

  8. NYOJ 541 最强的战斗力

    最强DE 战斗力 时间限制:1000 ms  |  内存限制:65535 KB 难度: 描写叙述 春秋战国时期,赵国地大物博,资源很丰富.人民安居乐业.但很多国家对它虎视眈眈.准备联合起来对赵国发起一 ...

  9. Web前端之基础知识

    学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...

  10. HDU 4572 Bottles Arrangement

    具体的证明:点击打开链接 我的想法: 要想保证题目所说 构造最小行的和,仅仅能是这样的情况 .....      m-3  m-2  m-1  m    |   m  m-1  m-2  m-3   ...