es6的解构表达式

ES6 的解构赋值是一种方便的语法，可以快速将数组或对象中的值拆分并赋值给变量。解构赋值的语法使用花括号 {} 表示对象，方括号 [] 表示数组。通过解构赋值，函数更方便进行参数接受等！

1. 数组解构赋值

​ 可以通过数组解构将数组中的值赋值给变量,其中新增变量名任意合法即可，本质是按照顺序进行初始化变量的值

//原始取值方式,通过数组[下标]进行取值
        let arr = [1,2,3];
        console.log(arr[0],arr[1],arr[2])
        //使用解构表达式取值,赋值顺序:按照arr中的顺序赋值4依次赋值给a,b,c
        let [a,b,c] = [4,5,6];
        console.log(a,b,c);

可以使用默认值为变量提供备选值，在数组中缺失对应位置的值时使用该默认值。例如：

let [a, b, c, d = 4] = [1, 2, 3];
console.log(a,b,c,d); // 4

2. 对象解构赋值

​ 可以通过对象解构将对象中的值赋值给变量,其中新增变量名必须和属性名相同，本质是初始化变量的值为对象中同名属性的值等价于 let x = 对象.x let y = 对象.y

let {x, y} = {x: 1, y: 2};

        console.log(x); // 1
        console.log(y); // 2

可以为标识符分配不同的变量名称，使用 : 操作符指定新的变量名

let {y: b,x: a} = {x: 3, y: 4};
        console.log(a); // 3
        console.log(b); // 4

3. 函数参数解构赋值

解构赋值也可以用于函数参数

function showadd([x, y]) {
    console.log(x + y);
}
showadd([5, 6]); // 11

​ 函数接受一个数组作为参数，将其中的第一个值赋给 x，第二个值赋给 y，然后返回它们的和。

​ 总的来说: ES6 解构赋值让变量的初始化更加简单和便捷。通过解构赋值，我们可以访问到对象中的属性，并将其赋值给对应的变量，从而提高代码的可读性和可维护性。