深拷贝和浅拷贝

详细介绍什么是深拷贝浅拷贝

1.浅拷贝是把被拷贝的对象 复杂数据类型中的地址 拷贝给目标对象（地址的引用），修改目标对象 会影响 被拷贝对象；
2.深拷贝，完全克隆（拷贝的是对象，而不是地址），修改目标对象不会影响被拷贝对象
3. 通俗的讲：深拷贝拷贝，克隆后的对象会在内存另开辟内存，指针克隆后的对象指针指向新开辟的内存

一：浅拷贝；仅仅是指针给了另一个对象

 // 1.浅拷贝,仅仅是指针给了另一个对象，
    //2. 修改目标对象 会影响 被拷贝对象；
 var obj = {
      name: '厂长',
      age: 22,
      info: '野区养猪',
      say() {
        console.log(111111);
      }
    }
     var obj1 = obj;
    console.log(obj1); //{name: "厂长", age: 22, info: "野区养猪", say: ƒ}
    obj1.info = '打野'
    console.log(obj); //{name: "厂长", age: 22, info: "打野", say: ƒ}

二：深拷贝；两个对象之间没有任何关系

// 通过json实现深拷贝,会造成方法丢失  
var obj = {
      name: '厂长',
      age: 22,
      info: '野区养猪',
      say() {
        console.log(111111);
      }
    }
     var obj1 = JSON.stringify(obj);
    obj1 = JSON.parse(obj1);
    obj1.name = 'faker';
    //obj感受不到变化
    console.log(obj);//{name: "厂长", age: 22, info: "野区养猪", say: ƒ}
    console.log(obj1);//{name: "faker", age: 22, info: "野区养猪"}//方法丢失了

 // 通过for-in遍历循环,实现深拷贝
var obj = {
      name: '厂长',
      age: 22,
      info: '野区养猪',
    }
   
    var obj1 = {}
    for (var attr in obj) {
      obj1[attr] = obj[attr]
    }
    obj1.name = '骚猪PDD'
    console.log(obj);//{name: "厂长", age: 22, info: "野区养猪"}
    console.log(obj1);//{name: "骚猪PDD", age: 22, info: "野区养猪"}

//Object.assign()方法深拷贝
 var obj = {
      name: '厂长',
      age: 22,
      info: '野区养猪',
      say() {
        console.log(111111);
      }
    }
    var obj1 = {};
     //  将obj 合并到obj1上
     Object.assign(obj1, obj);
     // console.log(obj1);
     obj1.name = '若风',
       console.log(obj);//原对象感受不到变化原对象name属性没有变化
       //{name: "厂长", age: 22, info: "野区养猪", say: ƒ}

//三个点语法实现的对象深拷贝 
var obj = {
      name: '玩游戏',
      info: '吃鸡'
    }
    var obj1 = {
      ...obj
    }
    obj1.name = '和平精英'
    console.log(obj1);//拷贝的新对象{name: "和平精英", info: "吃鸡"}
    console.log(obj);//原对象没有变化{name: "玩游戏", info: "吃鸡"}