ES6 -- Deconstruction assignment

<script>
        //  Traditional array assignment 
        let arr = [" front end ", " Back end ", " big data "]
        let q = arr[0]
        let h = arr[1]
        let d = arr[2]
        console.log(q, h, d);
        // es6 Deconstruct assignment -- Array deconstruction assignment 
        let [a, b, c] = arr
        console.log(a, b, c);

        //  Traditional object assignment 
        let obj = { name: " Zhang San ", age: 20 }
        let name1 = obj.name;
        let age1 = obj.age
        console.log(name1, age1);
        // es6 Deconstruct assignment -- Object deconstruction assignment 
        let { name2, age2 } = obj
        console.log(name2, age2);
        //  Assignment is independent of order , Attribute name and variable name must be consistent 
        // let { name, age, data: { msg, status } } = { name: " Zhang San ", age: 20, data: { msg: "ok", status: 200 } }
        // console.log(name, age, msg, status);

        //   Change the name of the deconstructed variable 
        // let { name: uname, age: uage, data: { msg: umsg, status: ustatus } } = { name: " Zhang San ", age: 20, data: { msg: "ok", status: 200 } }
        // console.log(uname, uage, umsg, ustatus);

        //   Add default values to the deconstructed variables 
        //  When the attribute value in the object is undefined, Or without this attribute , At this time, assign a default value to the variable 
        let { name: uname = " Li Si ", age3 = 50, data: { msg: umsg, status: ustatus } } = { name: undefined, age3: undefined, data: { msg: "ok", status: 200 } }
        console.log(uname, age3, umsg, ustatus);
    </script>