1.左边读取的字段,右手边必须有
    2.读取的是右边的一个层级

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <script>
    10. /*
    11. 解构
    12. 1.左边读取的字段,右手边必须有
    13. 2.读取的是右边的一个层级
    14. */
    15. var obj = {name:"lisi",age:18,skill:"vue",s:{sex:"male"}};
    16. // var name = obj.name;
    17. // var age = obj.age;
    18. // var skill = obj.skill;
    19. var{name,age,skill,s}=obj;
    20. console.log(name)
    21. console.log(s.sex)
    22. </script>
    23. </body>
    24. </html>

    1.PNG