对象的解构赋值

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

var {foo,bar} = {foo:"aaa",bar:"bbb"};foo // "aaa"bar // "bbb"
1
2
3
1
2
3

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

var {bar,foo} = {foo:"aaa",bar:"bbb"};foo // "aaa"bar // "bbb"var {baz} = {foo:"aaa",bar:"bbb"};baz // undefined
1
2
3
4
5
6
1
2
3
4
5
6

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

var {foo:baz} = {foo:"aaa",bar:"bbb"};baz // "aaa"let obj = {first:"hello",last:"world"};let {first:f,lats:l} = obj;f // "hello"l // "world"
1
2
3
4
5
6
7
1
2
3
4
5
6
7

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

var {foo:baz} = {foo:"aaa",bar:"bbb"};baz // "aaa"foo // error: foo is not defined
1
2
3
1
2
3

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

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

var obj = {  p:["hello",{y:"world"}]};var {p:[x,{y}]} = obj;x // "hello"y // "world"
1
2
3
4
5
6
7
1
2
3
4
5
6
7

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

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

var {x=3} = {};x // 3var {x,y=5} = {x:1};x // 1y // 5var {x: y=3} = {x: 5};y // 5
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

如果解构失败，变量的值等于undefined

var {foo} = {bar:"baz"};foo // undefined
1
2
1
2

如果解构模式是嵌套的对象，并且子对象所在的父属性不存在，那么会报错：

// 报错var {foo: {bar}} = {baz:"baz"};
1
2
1
2

由于数组本质是特殊的对象，因此可以对数组进行对象属性的解构：

var arr = [1,2,3];var {0:first, [arr.length-1]:last} = arr;first // 1last // 3