【摘要】
本文是对自己学习ES6的学习笔记回顾,后面是概要内容:ES6的解构赋值提供了一种从数组或对象中快速提取数据并赋值给变量的语法。数组解构允许按顺序赋值，支持默认值处理缺失元素；对象解构则需要变量名与属性名一致，或通过冒号指定新变量名。此外，解构赋值简化了函数参数的接收，提高了代码的可读性和可维护性。
原创声明:文章首发地址:https://bbs.huaweicloud.com/blogs/431643,本文是由本作者在华为云社区的首发后搬运而来,不存在抄袭,仅供学习分享使用.

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 解构赋值让变量的初始化更加简单和便捷。通过解构赋值，我们可以访问到对象中的属性，并将其赋值给对应的变量，从而提高代码的可读性和可维护性。