6.【ES6】结构赋值

1、知识点

1、解构赋值的写法

2、ES6比较新颖的变量赋值方法

2、实战

2.1 数组赋值

通过数组赋值，同时给3个变量赋值；

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

let [x, y, ...other] = [1,2,3,4,5];
console.log(x, y, other); //1 2 [ 3, 4, 5 ]

2.2 对象赋值

常用在给对象传参；

let {name, age} = { name: 'wx', age: 20 };
console.log(name, age);

2.3 函数赋值

//函数赋值
function func1() {
    return [10, 20];
}
let [num1, num2] = func1();
console.log(num1, num2);

2.4 函数参数名赋值

//函数参数名指定
function func2({x=1, y=2}){
    return x+y;
}
console.log(func2({}));           //3
console.log(func2({x:10}));       //12
console.log(func2({y:10}));       //11
console.log(func2({x:10, y:20})); //30