ECMAScript6(2)：解构赋值

//集合

var [a, b, c] = new Set([‘1’, ‘2’, ‘3’]); //a=‘1’, b=‘2’, c=‘3’

//Generator

function* fib(){

let a = 1;

let b = 1;

while(1){

yield a;

[a, b] = [b, a + b]; //使用结构赋值实现叠加并交换变量

}

}

var [a, b, c, d, e, f] = fib(); //a=1, b=1, c=2, d=3, e=5, f=8

//map

var map = new Map();

map.set(‘a’, 1);

map.set(‘b’, 2);

var [a, b] = map; //a=[‘a’, 1], b=[‘b’, 2]

对象的解构赋值

对象的解构赋值与变量位置次序无关, 只取决于键名是否严格相等(===)。如果匹配失败, 结果就是 undefined

var {a, b, f} = {b:2, a:3, d:4}; //a=3, b=2, f=undefined

var node = {

loc: {

start:{

x:1,

y:2

}

}

};

var {loc: {start: {x:line}}} = node; //line=1

可以在复制时对属性重命名, 但此时原名只用于匹配参数, 不生成变量：

var {name:alias} = {name:‘Bob’}; //alias=‘Bob’

console.log(name); //“global”

console.log(alias); //“Bob”

对象解构同样可以指定默认值, 默认值生效(或表达式被行)的条件是对应属性值严格等于(===) undefined

var {a:3, b} = {b:2}; //a=3, b=2

var {a:3, b} = {a:null, b:2}; //a=null, b=2

解构嵌套对象父属性不存在会报错：

var {foo:{bar}} = {ba: 2}; //报错

解构对象如果和声明分开, 独立成为一行要加圆括号, 就想用 eval 解析 JSON 字符串的时候一样。因为系统会把一行开头花括号默认作为块级作用域的开始, 而不是对象的开始。

var a, b;

({a, b} = {a:2, b:10}); //a=2, b=10

{a, b} = {a:2, b:10}; //报错

//以下表达式无意义, 但没有错

({}=[1, 2]);

({}=“abc”);

({}=[]);

注意, 除了这样的情况, 不要滥用圆括号

右侧变量通过隐式类型转换可以转为对象的情况下也可以结构赋值：

var {toString: s} = 123; //s=Number.prototype.toString

技巧： 解构的用处很多, 包括交换变量, 简化传参(可带默认值),

//参数传递

function f([x, y, z=4]){

return [x+1, y+2, z+3];

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！