front-end-77
/
10-值类型和引用类型.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>10-值类型和引用类型.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script>
      // js数据类型 分成了两种 1 值类型  2 引用类型
      // 1 值类型 简单数据类型  字符串、数字、布尔类型、
      // 2 引用类型   对象 、 数组

      // 两者区别 体现  =
      // 值类型 使用 = 复制
      // 引用类型 使用 =  关联在一起

      // let a =1 ;
      // let b = a;
      // // b a 的一份复制 两个值 一样 但是两个数据是完全独立！
      // b=10;
      // // a 不会发生变化
      // console.log(a);

      const obj = { username: '悟空' };
      // 也使用 =
      const newObj = obj; // newObj 看起来和 obj 数据一样   两个数据 本身一起！  修改了其中的任意一个，另外一个也会收到影响
      newObj.username = '八戒';
      console.log(obj);
    </script>
  </body>
</html>