ES6--解构赋值

<script>
        // 传统数组赋值
        let arr = ["前端", "后端", "大数据"]
        let q = arr[0]
        let h = arr[1]
        let d = arr[2]
        console.log(q, h, d);
        // es6解构赋值--数组解构赋值
        let [a, b, c] = arr
        console.log(a, b, c);

        // 传统对象赋值
        let obj = { name: "张三", age: 20 }
        let name1 = obj.name;
        let age1 = obj.age
        console.log(name1, age1);
        // es6解构赋值--对象解构赋值
        let { name2, age2 } = obj
        console.log(name2, age2);
        // 赋值和顺序无关，属性名和变量名必须一致
        // let { name, age, data: { msg, status } } = { name: "张三", age: 20, data: { msg: "ok", status: 200 } }
        // console.log(name, age, msg, status);

        //  给解构出来的变量修改名字
        // let { name: uname, age: uage, data: { msg: umsg, status: ustatus } } = { name: "张三", age: 20, data: { msg: "ok", status: 200 } }
        // console.log(uname, uage, umsg, ustatus);

        //  给解构出来的变量添加默认值
        // 当对象里的属性值是undefined,或者没有这个属性，这时候就给变量赋值成默认值
        let { name: uname = "李四", age3 = 50, data: { msg: umsg, status: ustatus } } = { name: undefined, age3: undefined, data: { msg: "ok", status: 200 } }
        console.log(uname, age3, umsg, ustatus);
    </script>