关于js中的深拷贝和浅拷贝

对于java script中的拷贝，有时会因不理解深拷贝和浅拷贝而产生一些自己意识不到的错误，正确理解深浅拷贝可以给我们编码带来许多方便，也可以减少很多不必要的错误。

首先说明，js中的对象和数组都是引用类型的，对于引用类型，不同的语言有不同的说法，在java和js中应该都是称为引用，而C++中不仅有引用，也有指针的说法，二者其实表述的内容基本相似----地址，在js中我们新生成一个对象：
这里obj所代表的不是name和sex组成的整体，而且指向这些内容的地址。
而当我们对obj进行浅拷贝的时候，可以采用Object的assign方法，

  <script>
    const obj= {
      name: "张三",
      sex: "男"
    }
    // 浅拷贝
    const newObj=Object.assign({},obj);
    console.log(newObj);
  </script>

而此时我们如果对obj的内容进行修改，调用newObj是不会受到影响的，因为用assign进行浅拷贝，会创建一个新的内存空间，然后将obj指向的内存空间的内容复制黏贴到新的内存空间，newObj即指向新的内存空间，所以原空间的改变是不会对newObj产生影响的。

但是如果我们新建的对象中含有更复杂的类型，比如

  <script>
    const obj= {
      name: "张三",
      sex: "男",
      girlFriend: {
        name: "小红",
        sex: "女"
      }
    }
    // 浅拷贝
    const newObj=Object.assign({},obj);
    obj.girlFriend.name= "小丽";
    console.log(obj);
    console.log(newObj);
  </script>

可见对原对象的内容进行修改后，浅拷贝生成的对象也跟着进行改变了，这是因为如果使用浅拷贝，而被拷贝的内容中有一个对象（或其他引用类型）属性，那么不会产生新的空间，因为在js中，对象是一个内存地址，浅拷贝进行复制的时候，把内部对象属性的内容也就是它指向的地址也复制了一份，所以新生成的对象和被拷贝的内部对象指向的是同一空间。

因此拷贝后的对象也会相应的发生改变。
而如果我们采用深拷贝的话------，不仅会对对象进行复制，也会对对象内部复杂属性进一步生成新的空间进行复制。

 <script>
    const obj= {
      name: "张三",
      sex: "男",
      girlFriend: {
        name: "小红",
        sex: "女"
      }
    }
    // 浅拷贝
    // const newObj=Object.assign({},obj);
    // obj.girlFriend.name= "小丽";
    // console.log(obj);
    // console.log(newObj);
    
    // 深拷贝
    const newObj=JSON.parse(JSON.stringify(obj));
    obj.girlFriend.name= "小兰";
    console.log(obj);
    console.log(newObj);
  </script>

因此就不会对拷贝后的对象产生影响了。