• MDN : Destructuring assignment

destructuring的汉语意思是解开构造体，我们可以把构造体理解为复杂结构， 在ECMAScript里，复杂结构就2种：数组和对象。 所以，destructuring就是把数组或对象中的元素一个一个的拿出来，assignment的汉语意思是赋值。destructuring assignment合起来的意思就是把数组或对象中的元素分别赋值给对应的变量。

示例1：

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

示例2：

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

示例1：

const {PI} = Math;

示例2：

const obj = {p: 42, q: true};
const {p, q} = obj;
console.log(p); // 42
console.log(q); // true

示例3：

const obj = {p: 42, q: true};
const {p = 18, q = false, r = '女'} = obj;
console.log(p); // 42
console.log(q); // true
console.log(r); // 女

示例4：

const obj = {p: 42, q: true};
function xx({p}) {
    console.log(p); // 42
}
xx(obj);