js 中的 深拷贝与浅拷贝

js在平时的项目中，赋值操作是最多的；比如说：

  var person1 = {
          name:"张三",
          age:18,
          sex:"male",
          height:180,
          weight:140  }
  var person2 = person1;
  console.log(person2)
  person2.name = "李四";
  console.log(person1,person2);

这段代码，console.log 打印出来的结果 person1 和person2的值是一样的。原因就是 person2 person1 都是引用类型；person2的引用地址 和person1的引用地址是一样的；所以改变person2，person1也是跟着person2 一起变化。因为改变的是同一个值。如果不明白的，可以查看https://www.cnblogs.com/lixiuming521125/p/10867062.html

那么问题来了，怎么让 person2 复制 person1的值，并且 person2改变值，不影响 person1 的值？？？

这里，我们可以重新创建person3，person3是个空对象；person3循环获取person1的值。即：

 var person3 = {}
  for(var key in person1){
      person3[key] = person1[key]
  }
  console.log(person3);
  person3.name = "王五";
 console.log(person3,person1)

这里 person3 的name变成了王五，但是呢 person1的name 还是张三；

这个就是浅拷贝；

但是问题又接着出现了；

这个时候，我把person1修改了一下；增加了一个son对象；并且了，我封装了浅拷贝，把他做成了函数：

 function clone(origion,target){
     var tar = target?target:{};
     for(key in origion){
         if(origion.hasOwnProperty(key)){
             tar[key] = origion[key];
         }
     }
 return tar;
 }

 Object.prototype.num = 1;
  var person1 = {
          name:"张三",
          age:18,
          sex:"male",
          height:180,
          weight:140,
          son:{
              first:"lucy",
               second:"joy",
               third:"Jhonn"
          }
  }

  var person4 = clone(person1);
　　　　person4.son.six = "ben"
  console.log(person4,person1)

这个时候，person4的son 对象 有了这个 ben,但是 person1 的 son 对象也有。这个就是浅拷贝的一个问题，他只能拷贝 对象 数组的 引用值；

这个时候，可以通过深拷贝来解决这个问题；

 //深拷贝 js原生
  function deepClone(origion,target){//origion：原始数据  target：目标数据
      var tar = target||{};
     for(key in origion){
         if(origion.hasOwnProperty(key)){
             if(MyTypeOf(origion[key]) == "Array" ){
                 tar[key] = [];
                 deepClone(origion[key],tar[key]);
             }else if(MyTypeOf(origion[key]) == "Object"){
                 tar[key] = {};
                 deepClone(origion[key],tar[key]);
             }
             tar[key] = origion[key];

         }
     }
     return tar;
  }
 var person5 = deepClone(person1)
 person5.son.fifth = "111111";
 console.log(person5,person1)

当然还可以通过 json方式 来实现 深拷贝 JSON.stringify() JSON.parse();

  var person1 = {
          name:"张三",
          age:18,
          sex:"male",
          height:180,
          weight:140,
          son:{
              first:"lucy",
               second:"joy",
               third:"Jhonn"
          }
  }；

 var str = JSON.stringify(person1)//把 person1转成字符串
 var  json = JSON.parse(str)//把字符串转成 json对象，此时的person1 和 json实现了深拷贝