ES6 對象的解構賦值

對象的解構賦值
解構不僅可以用於數組，還可以用於對象。

let {foo,bar} = {foo:"aaa",bar:"bbb"};
console.log(foo); // aaa
console.log(bar); // bbb

這里的foo，bar一定要對應。

對象的解構與數組有一個重要的不同。數組的元素是按次序排列的，變量的取值由它的位置決定；而對象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。

真正被賦值的是后者，而不是前者。

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;
console.log(x) // "Hello"
console.log(y) // "World"

對象的解構也可以指定默認值。

var {x = 3} = {};
x // 3

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

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

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

var { message: msg = 'Something went wrong' } = {};
msg // "Something went wrong"

默認值生效的條件是，對象的屬性值嚴格等於undefined。

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

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