let a = 1;
let b = 2;
let c = 3;

let [a, b, c] = [1, 2, 3];

// 如果數(shù)組的某個索引值的位置的變量，在 = 運算符的右邊沒有數(shù)組中沒有對應(yīng)的索引值與之對應(yīng)，則解耦賦值失敗，其值為 undefined
let [v] = []
let [a, b] = [1]
console.log(v, a, b); // undefined 1, undefined

// 賦值運算符左邊變量的數(shù)量小于右邊值的數(shù)量
let [a, b, c] = [1, 2, 3, 4]  // 依然會解耦賦值成功
console.log(a, b, c); // 1 2 3

/* 
 * 解耦賦值中允許指定默認值
 * 語法結(jié)構(gòu)如下
 * let [var1 = value1, var2 = value2 ,...] = [val1, val2,...]
   var1,var2 表示變量名
   value1,value2 表示默認值
   val1，val2, 表示指定的值
 */
let [a = 1, b = 2] = [100]
console.log(a, b); // 100 2

let [a = 1, b = 2] = [100, undefined]
console.log(a, b); // 100 2

let [a = 1, b = 2] = [100, null]
console.log(a, b); // 100 null

// 1. 運算符右邊是一個函數(shù)
let [a, b] = [1, function () {
  return 10;
}]
console.log(b()); // 10

// 2. 運算符右邊是一個對象
let [a, b] = [1, {
  name: '狐妖小紅娘'
}]
console.log(b); // { name: '狐妖小紅娘' }

// 3. 運算符右邊是含有數(shù)組
let [a, b] = [1, [2, 3]]
console.log(b); // [ 2, 3 ]

// 4. 運算符左右兩邊都含有數(shù)組，示例代碼如下所示
let [a, [b, c]] = [1, [2, 3]]
console.log(b); // 2

/*
  * 對象的解耦賦值 - 從對象中提取值，為變量賦值
    ! 變量名稱必須與對象的屬性名稱一一對應(yīng)，否則就會導(dǎo)致失敗。
*/
let {
  x,
  y
} = {
  x: 10,
  y: 20
}
console.log(x, y); //10 20

// 1. 運算符右邊是一個函數(shù)
let { a, b } = {
  a: 1,
  b: function () {
    return 10;
  }
}
console.log(b());// 10

// 2. 運算符右邊是一個對象
let {a, b} = {
  a: 1,
  b: {
    name: 'ywanzhou'
  }
}
console.log(b); // { name: 'ywanzhou' }

// 3. 運算符右邊是含有數(shù)組
let {a, b} = {
  a: 1,
  b: [1, 2]
}
console.log(b); //[ 1, 2 ]

// 4. 運算符左右兩邊都含有對象
let {
  m: {
    name,
    age
  },
  n
} = {
  m: {
    name: 'test',
    age: 20
  },
  n: 20
}
console.log(name, age); // test 20

// 解耦賦值失敗
let {
  a,
  b
} = {
  a: 10
}
console.log(b);

// 不完全解耦賦值
let {
  a
} = {
  a: 10,
  b: 20
}
console.log(a);

// 默認值
let {
  a,
  b = 100
} = {
  a: 10,
  b: 20
}
console.log(b);

let [h1, y, x] = "一碗周"
console.log(h1, y, x, h2); // 一 碗 周

// let [a] = 100; // 拋出異常 描述信息為 TypeError: 100 is not iterable
// console.log(a);
// 對布爾或者數(shù)值進行解耦賦值的話， 需要現(xiàn)將其改變成為對象類型。
let {
  toString: b
} = 1;
console.log(b === Number.prototype.toString); // true

let {
  toString: c
} = true;
console.log(c === Boolean.prototype.toString); // true

// 使用數(shù)組
function f([a, b]) {
  console.log(a, b);  
}
f([10, 20]) // 10 20
// 使用對象
function fn({
  a,
  b
}) {
  console.log(a, b);
}
fn({
  a: 10,
  b: 20
})  // 10 20

// 如下情況全部會報錯
let [(a)] = [1];

let {x: (c)} = {};
let ({x: c}) = {};
let {(x: c)} = {};
let {(x): c} = {};

let { o: ({ p: p }) } = { o: { p: 2 } };

// 報錯
function f([(z)]) { return z; }
// 報錯
function f([z,(x)]) { return x; }

// 全部報錯
({ p: a }) = { p: 42 };
([a]) = [5];

// 報錯
[({ p: a }), { x: c }] = [{}, {}];

[(b)] = [3]; // 正確
({ p: (d) } = {}); // 正確
[(parseInt.prop)] = [3]; // 正確

var a = 10,
  b = 20;

var c = a;
a = b
b = c
c = null  /// 釋放變量
console.log(a, b); // 20 10

let a = 10,
  b = 20;
[a, b] = [b, a]
console.log(a, b); // 20 10

// 返回一個數(shù)組

function example() {
  return [1, 2, 3];
}
let [a, b, c] = example();

// 返回一個對象

function example() {
  return {
    foo: 1,
    bar: 2
  };
}
let { foo, bar } = example();

// 參數(shù)是一組有次序的值
function f([x, y, z]) {
  console.log(x, y, z);
}
f([1, 2, 3]);  // 1 2 3

// 參數(shù)是一組無次序的值
function fn({x,  y,  z}) {
  console.log(x, y, z);
}
fn({
  z: 3,
  y: 2,
  x: 1
});  // 1 2 3

// 提取json數(shù)據(jù)
let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let {
  id,
  status,
  data: number
} = jsonData;

console.log(id, status, number); // 42, "OK", [867, 5309]