ES6对象的解构赋值

 //1.对象的结构赋值
    var obj = {
        name: '小明',
        age: '18'
    }
    var { name, age } = obj//name=小明，age=18 注意数组是根据位置进行赋值，对象是根据属性名赋值

    //2.复杂情况
    var obj1 = {
        name: '小明',
        age: '18',
        friends: [
            {
                name: '小红',
                age: 16
            },
            {
                name: '小方',
                age: 15
            }
        ]


    }
    //3.如何拿到小红与小方？ 当有两个重名，通过 ： 进行赋值给别的变量
    var { friends: [{ name},{name:xxx}] } = obj1
    //console.log(xxx)//输出小方
   // console.log(name)//输出小方

    //4.结合扩展运算符...
    var person={
        name:"小明",
        age:18,
        school:'朝阳小学'
    }
    var {name,...oth}=person //oth会生成一个新的对象
   // console.log(oth)
     var person={
         father:'明爸',
         ...person
     }//合并对象

     //5.对已经声明的变量进行对象的解构赋值
     let age;
     var person={
        name:"小明",
        age:18,
        school:'朝阳小学'
    }
    ({age}=obj)

    //6.默认值 没有属性时，使用默认值
    var person={
        name:"小明",
        age:18,
    }
    let {name,age=24,hobby="打球"}=person

</script>