es67

最新推荐文章于 2024-05-10 22:59:56 发布
最新推荐文章于 2024-05-10 22:59:56 发布
阅读量90 收藏
点赞数
文章标签： 数据结构与算法 
<!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>

 

weixin_34066347
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
es6 7 8 9 10特性归纳
LickDog的博客
12-11 569
es6 7 8 9 10特性归纳(网上一大堆我是借鉴别人的和自己的一些理解) ES6 Let 与 Const’ 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 promise 迭代器 生成器 Let 和 Const let和const实现了块级作用域的概念，在用var生命变量时变量会提升且赋值undefined，但是let和const不会提升变量所以不能在定义前使用，所以就形成了暂时性死区。 { var a = 10; } console.log(a); ---
intellij-es67
06-03
智能-es67 Inteliij IDEA 14 的 JavaScript ES6/7 语法改进和添加插件。 特性 ES7 AtScript 注释支持 ES7 异步/等待支持 traits ， export ， import块折叠支持 变化 版本 1.0.1 突出显示错误修复 版本 1.0 ：添加...
ES6、ES7、ES8学习指南
最新发布
2401_84152991的博客
05-10 826
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
7大常用ES6特性，助力你写出更现代化的JavaScript
你若盛开，清风自来
06-03 602
ES6 的 Promise 是一种非常有用的异步编程方式，可以降低代码复杂度、避免回调地狱等问题，并且可以更清晰的编写异步代码。
ES6、7新特性
michael_linux的博客，一个小小小学生。滴水穿石，步步为营，只为那刹那芳华。
03-07 2591
1、兼容性 babel是react团队选择的在使用react过程中转换es*和jsx为es5语句的工具。 babel可将es6和es7语句转换为es5语句。 编译转换：（1）在线转换（2）提前编译 <script src='browser.js' charset='utf-8'></script> jsxtransformer.js <scrip...
react-boilerplate:带React的Boilerplate ES67应用
05-11
**React Boilerplate ES7 应用程序概述** React Boilerplate 是一个流行的开源项目，它提供了一个预先配置的开发环境，用于快速构建复杂的单页应用程序（SPA）。这个Boilerplate是基于React库，一个由Facebook开发...
web-bolilerplate-for-beginners：一个练习ES67 reactreduxvue的初学者样板
02-05
初学者Web挡板安装 # 安装依赖 $ npm install有以下两种方法运行项目1.不采用devServer运行项目 # 编译代码 $ npm build # 查看效果 $ npm start2.采用devServer运行项目 # 采用webpack-dev-server编译代码 $ npm ...
demo-app:angular + es67 + react webpack入门
05-12
演示应用angular + es6 / 7 + react webpack入门入门确保您有 $ git clone https://github.com/dennis-b/demo-app.git # or clone your own fork$ cd demo-app$ npm install$ gulp build$ run on local server # you...
React-todoMVC:使用create-react-app ES67的todoMVC
05-14
在本文中，我们将深入探讨如何使用`create-react-app`和ES6/ES7特性来创建一个React TodoMVC应用。`create-react-app`是Facebook官方提供的一个脚手架工具，它简化了React应用的初始化过程，免去了配置构建工具的...
es6/7常见语法
qq_38492231的博客
10-31 262
1 async和await的具体用法 2 async和await和promise区别 3await is a reserved word 问题解决方式 1 async 加入在函数关键字上时，该函数的调用就会返回一个promise对象。await关键字表示等待，等待后面的函数执行完毕，他才能继续执行下去 2 Async/Await与Promise最大区别在于：await b()会暂停所在的async...
经常用到的 ES6/7 新特性
du_peiduo的专栏
08-31 2229
ES6/7 新特性 字符串模版 let const 箭头函数(默认参数) const action = (num = 10)=&gt; console.log(num) action() action(300) 对象初始化简写 var name = "dukai" var age = 28 var person = {name, age} 对象方...
es6+最佳入门实践(7)
螺钉课堂官方博客
02-09 631
7.set和map数据结构 7.1.什么是set? Set就是集合，集合是由一组无序且唯一的项组成，在es6中新增了set这种数据结构，有点类似于数组，但是它的元素是唯一的，没有重复 let st = new Set([1,2,2,3,3,4]) console.log(st) // [1,2,3,4] Set的size属性可以知道set中有多少元素，类似于数组的length属性 let s...
ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南)
weixin_34233856的博客
09-15 1157
概述 ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。 ECMAScript 标准建立在一些原有的技术上，最为著名的是 JavaScript (网景) 和 JScript (微软)。它最初由网景的 Brendan Eich 发明，第一次出现是在网景的 Navigator 2.0 ...
ES学习笔记(7)--ES6中新增的数组知识
weixin_34217711的博客
10-15 103
JSON数组格式转换Array.from() 在最后多了一个length属性 let json = { '0':'jie', '1':'杰', '2':'biao', length:3 //一定要加这个属性 } ...
ES6的七个技巧
01-17 299
Hack #1 交换元素 利用数组解构来实现值的互换 let a = 'world', b = 'hello' [a, b] = [b, a] console.log(a) // -> hello console.log(b) // -> world Hack #2 调试 我们经常使用console.log()来进行调试，试试console.table()也无妨。 const a = 5
ES67的解构赋值
weixin_37457661的博客
09-02 163
ES6允许从数组中提取值，按照对应位置对变量赋值。对象也可以实现解构。 按照一定的模式，从数组或者对象中提取值，将提取出来的值赋值给变量 数组解构 let [a,b,c] = [1,2,3] console.log(a); console.log(b); console.log(c); 如果结构不成功，变量的值为undefined let [a,s,d,f] = [11,22,33]; console.log(a);//11 console.log(s);//22 console.log(d);//33
js -- ES6（三）-- 变量的解构赋值（根据阮一峰ES6标准入门整理 更新中。。。）
bobobocai的博客
01-12 884
6>目前正在学习ES6，学到哪更新到哪里，都是基本的知识，复杂的目前还不会，涉及的代码都是亲自运行过的，若发现错误请指正。 三、变量的解构赋值 1、数组的解构赋值 解构：按照一定模式，从数组和对象中提取值，对变量进行赋值 基本用法 从数组中提取值，按照位置的对应关系对变量赋值，只要等号两边的模式相同，左边的变量就会被赋予对应的值 ① 解构成功 let [A,,[[B]],
三菱电机MR-ES伺服系统：高性能与易用性的结合
特别地，IP65和IP67防护等级的电机适用于需要防水防尘的场合，例如食品和纺织机械。 5. **替代传统装置**：MR-ES系列伺服系统可以替代传统的变频器、步进电机、直流伺服装置、离合器、机械装置以及油压或气缸装置，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值