解构赋值: 从对象或数组中提取数据, 并赋值给变量(多个)

1. 对象的解构赋值

let obj = {name: 'Kevin', age: '21'};  // 一般赋值

let {name, age} = obj;  // 解构赋值

console.log(name, age);  // Kevin 21

2. 数组的解构赋值

let arr = [3, 4];  // 一般赋值

let [fz1, fz2] = [1, 2];  // 解构赋值 使用[]进行赋值与接收 也可以用数组进行赋值

let [fz3, fz4] = arr;

let [fz5, [fz6, fz7]] = [1, [2, 3]];

console.log(fz1, fz2, fz3, fz4);  // 1 2 3 4

3. 函数的解构赋值

• 不使用解构赋值

function person(p) {

    console.log(p.name, p.age);  // Kevin 21

}

let obj = {name: 'Kevin', age: '21'};

person(obj);

• 使用解构赋值

function person1({name, age}) {

    console.log(name, age);  // Kevin 21

}

let obj = {name: 'Kevin', age: '21'};

person1(obj);