ES6结构

ES6结构

<script>
        let obj = {
            age:20,
            nickname:'Simba'
        }
        let nickname = 'xxx'

        // let age = obj.age
        // let nickname = obj.nickname

        // 1-1、解构：对象
        let { age, nickname:myname } = obj
        console.log(age,myname);

        // 1-2、解构：变量
        let aaa = 10
        let bbb = 20
        let obj1 = {
            aaa,
            bbb
        }
        console.log(obj1);

        // 1-3、解构：数组
        let arr = [11,22,33]
        // let [a,b,c] = arr

        let [,b] = arr


        // 2、扩展运算符，用来方便地遍历和复制一个数组
        function test(a,...args){
            console.log(a,args)
        }

        test(111,222,33,44)

        let arr1 = [11,22,33,44]

        function add(a,b,c,d){
            return a + b + c + d
        }

        console.log(add(...arr1));

        let obj2 = {
            age:20,
            nickname:'Simba'
        }

        let zz = {
            ...obj2,
            gender:1
        }
    </script>