ES6 對象和數組解構小記

數組結構是按照數組索引來結構賦值的。 對象是按照屬性名來結構賦值的。

1.數組：

let [x, y = 'b'] = ['a'];  // 1.能夠有默認值
x // a
y // b
let [a, [b], d] = [1, [2, 3], 4];  // 2.不徹底解構
a // 1
b // 2
d // 4

let [foo] = 1; // 報錯，某種數據結構具備 Iterator 接口，均可以採用數組形式的解構賦值。1不具有Iterator接口。

2.對象：
let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"

let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
f // 'hello'
l // 'world'
first // error: first is not defined
對象的解構賦值的內部機制，是先找到同名屬性，而後再賦給對應的變量。真正被賦值的是後者，而不是前者。

let obj = {
  p: [
    'Hello',
    { y: 'World' }
  ]
};
let { p: [x, { y }] } = obj;  //此處{y} 實際上是{y : y}
x // "Hello"
y // "World"
// 此時p是模式，不是變量，所以不會被賦值。

// 結構 p 
let obj = {
  p: [
    'Hello',
    { y: 'World' }
  ]
};
let { p, p: [x, { y }] } = obj;
x // "Hello"
y // "World"
p // ["Hello", {y: "World"}]

// 嵌套類型的解構賦值
const node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
};
let { loc, loc: { start }, loc: { start: { line }} } = node;
line // 1
loc  // Object {start: Object}
start // Object {line: 1, column: 5}

複製代碼