浅拷贝与深拷贝的区别和实现

区别

• 浅拷贝，只是拷贝指向原来对象的地址，新旧对象共享一块内存；
• 深拷贝，复制并创建一个一摸一样的对象（拷贝的值是一样的，但是内存地址不一样，）
  
  • 1.列表内容会创建一个新的内存空间，
  • 2.不共享内存，修改新对象，旧对象保持不变

浅拷贝

var obj={a:1,b:2,c:3};
var newObj=obj;
newObj.a=0;
obj.b='b';
console.log(obj == newObj);//true
console.log(obj,newObj);
//{ a: 0, b: 'b', c: 3 }
// { a: 0, b: 'b', c: 3 }

深拷贝

var obj={a:1,b:2,c:3};
var newObj={a:1,b:2,c:3};
newObj.a=0;
obj.b='b';
console.log(newObj==obj);//false
console.log(obj,newObj);
//{ a: 1, b: 'b', c: 3 } 
// f{ a: 0, b: 2, c: 3 }

浅拷贝的实现

• Object.assign(obj)

    var obj={a:1};
    var cloneObj=Object.assign(obj)
    console.log(obj==cloneObj)//true
    obj.b=2;
    console.log(obj,cloneObj)//{a: 1, b: 2} {a: 1, b: 2}

深拷贝的实现

• 函数封装

  let obj = {a: 1, b: {c: 2, d: 3}};
  function deepClone(obj) {
    let newObj = Array.isArray(obj) ? [] : {};
    if (obj && typeof obj === 'object') {
      for (key in obj) {
        if (obj.hasOwnProperty(key)) {
          if (obj[key]&&typeof obj[key] === 'object') {
            newObj[key] = deepClone(obj[key])
          } else {
            newObj[key] = obj[key]
          }
        }
      }
    }
    return newObj;
  }

  var obj1 = deepClone(obj);
  console.log(obj1 == obj, obj1);//false，{a: 1, b: {c: 2, d: 3}}

• JSON.parse(JSON.stringify(obj))

  let obj = {a: 1, b: {c: 2, d: 3}};
  let obj1=JSON.parse(JSON.stringify(obj))
  console.log(obj1 == obj, obj1);//false，{a: 1, b: {c: 2, d: 3}}

• JQ的extend方法

$.extend( [deep ], target, object1 ,[ objectN ] )

• 对象解构赋值—–只能拷贝-层

    var obj={a:1};
    var cloneObj={...obj};
    obj.b=2;
    console.log(obj,cloneObj,cloneObj==obj)
    //{a: 1, b: 2} {a: 1} false

• 
  
• Object.assign({},obj)——只能拷贝-层
  

Object.assign(obj)浅拷贝、Object.assign({},obj)只有一层是深拷贝,改变嵌套对象的值是浅拷贝

    var obj={a:1};
    var cloneObj=Object.assign({},obj)
    console.log(obj==cloneObj)//false
    obj.b=2;
    console.log(obj,cloneObj)
    //{a: 1, b: 2} {a: 1}