front-end-77
/
07-解构.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>07-解构.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script>
      // // 解构 只是一种更加方便 来获取数据的写法而已
      // const arr = ['a', 'b', 'c'];
      // // 获取 数组的 前两个数据 lowb
      // // const str1 = arr[0];
      // // const str2 = arr[1];
      // // console.log(str1,str2);

      // // 数组解构 关注 顺序
      // const [str1, str2] = arr;
      // console.log(str1,str2);

      // 交换变量 你这么写 lowb
      // let a = 100;
      // let b = 200;
      // let c = a;
      // a = b;
      // b = c;
      // console.log(a,b);

      // 交换变量 解构
      // let a = 100;
      // let b = 200;

      // [b, a] = [a, b];
      // console.log(a, b);

      // 对象解构

      const obj = { username: '悟空', skill: '72' };

      // 工作  骂 lowB
      // const username=obj.username;
      // const skill=obj.skill;

      const { username, skill } = obj;
      console.log(username);
      console.log(skill);
    </script>
  </body>
</html>