对象的解构赋值（ES6知识点汇总---第二章）

对象的解构赋值

解构不仅可以用于数组，还可以用于对象。

let { foo, bar} = { foo:"aaa", bar:"bbb"};
foo // "aaa"
bar // "bbb"

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值是由它的位置决定的；而对象的属性没有次序，变量必须与属性同名才能取到正确的值。

let { bar, foo} = { foo:"aaa", bar:"bbb"};
foo // "aaa"
bar // "bbb"

let { baz } = {foo:"aaa", bar:"bbb"};
baz //undefined

如果变量名与属性名不一致，必须写成下面这样：

let { foo:baz } = { foo:'aaa',bar:'bbb' };
baz //'aaa'

let obj = { first:'hello',last:'word'};
let { first:f, last:l } = obj;
f // 'hello'
l // 'world'

实际上说明，对象的解构赋值是下面形式的简写：

let { foo: foo, bar: bar} = {foo:'aaa',bar:'bbb'};

也就是说，对象的解构赋值的内部机制是先找到同名属性，然后再赋值给对应的变量。真正被赋值的是后者，而不是前者。

let { foo: baz } = { foo: 'aaa',bar: 'bbb'};
baz // 'aaa'
foo // error: foo is not defined

上面的代码中，foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

与数组一样，解构也可以用于嵌套解构的对象。

let obj = {
	p:[
		'hello',
		{y:'world'}
	]
};

let { p: [x,{ y }] } = obj;
x // hello
y // world

这时p是模式，不是变量，因此不会被赋值。

对象的解构也可以指定默认值：

let { x = 3 } = {};
x // 3

let { x, y = 5 } = { x : 1 };
x //1
y //5

let {x:y = 3} = {};
y //3

let {x:y = 3} = { x:5 };
y //5

默认值生效的条件是，对象的属性值严格等于undefined。

let { x = 3 } = { x:undefined };
x //3

let { x = 3 } = { x:null };
x //null

//null 不严格等于undefined

写博第4/100天