解构赋值语法，展开合并语法

数组操作解构赋值

script>
        
    let arr=[100,200,300,[400,500,600]];
    let[a,b,c,d]=arr
    console.log(a);
    console.log(b);
    console.log(c);
    console.log(d);




    </script>

解构赋值对象操作

const obj = {
            name: '张三',
            age: '15',
            sex: '男',
            addr: { addr1: '北京', addr2: '上海', addr3: '广州' },
            fun:function fun(){
                console.log(111);
            }
        }
        const { name, age, sex, addr: { addr1: a1, addr2: a2, addr3: a3 },fun } = obj
        console.log(name, age, sex, a1,a2,a3 );
        console.log(fun);

 展开语法

  将 数组中的数值 一一展开 赋值给 函数中的形参

                函数(...数组)

 <script>
        function fun(a,b,c,) {
            console.log(a,b,c);
        }
        const arr = [100, 200, 300, 400]
        fun(...arr)


    </script>

定义几个参数会输出几个

 合并语法

在 函数的形参中 使用 ...形参的语法形式 定义形参

                形参会以数组的形式 存储对应的实参数据

// 使用 合并运算符 声明设定 形参d
        function fun( a , b , c , ...d){
            console.log( a , b , c , d);

            // arguments JavaScript自动以伪数组的形式 存储所有实参
            // console.log( arguments );
            

        }

        // 100赋值给a 200赋值给b 300赋值给c 没有实参赋值给d d是存储空数组
        fun( 100,200,300 );

        // 100赋值给a 200赋值给b 300赋值给c 500-900 都是以数组的形式存储在 d中
        fun( 100,200,300,400,500,600,700,800,900 );

 形参d是一个数组。