ES6结构赋值

  <script>
    const person = {
      name:'crab',
      age: 21,
      city: '广州'
    }

    const {name,age,city} = person
    console.log(name); // crab
    console.log(age); // 21
    console.log(city); // 广州

    const cat = {
      catname:'xiaomaomi',
      catage:2,
      catsocial:{
        catqq:'11111111',
        catwechat:'22222222'
      }
    }


    const {catname,catage} = cat
    console.log(catname); // xiaomaomi
    console.log(catage); // 2
    const {catsocial:{catqq,catwechat}} = cat
    console.log(catqq); // 11111111
    console.log(catwechat); // 2222222

    // 赋值的时候重命名

    const {catname:catnamechange,catage:catagechange} = cat
    const {catsocial:{catqq:catqqchange,catwechat:catwechatchange}} = cat
    console.log(catnamechange); // xiaomaomi
    console.log(catagechange); // 2
    console.log(catqqchange); // 11111111
    console.log(catwechatchange); // 22222222
    


  </script>```