大白话理解深浅拷贝

  

浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。

深拷贝 是开辟一块新的内存地址,将原对象的各个属性逐个复制进去新对象跟原对象不共享内存对拷贝对象和源对象各自的操作互不影响。

1JSON.stringify把对象转成字符串,再用JSON.parse把字符串转成新的对象

var obj1 = { body: { a: 10 } };

var obj2 = JSON.parse(JSON.stringify(obj1));

缺点:会抛弃对象的constructor,也就是深复制之后,无论这个对象原本的构造函数是什么,在深复制之后都会变成Object

  1. 如果被拷贝的对象中有function,则拷贝之后的对象就会丢失这个function
  2. 如果被拷贝的对象中有正则表达式,则拷贝之后的对象正则表达式会变成Object

2、 对象只有一层,使用Object.assign()函数

Object.assign(target,source) 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。 可以合并及克隆

拷贝的是对象的属性的引用,而不是对象本身。

3、 递归拷贝

Object.create(新创建对象的原型对象添加到新创建对象的可枚举属性自身定义的属性)

function deepClone(initalObj, finalObj) {    

  var obj = finalObj || {};    

  for (var i in initalObj) {        

var prop = initalObj[i];

    if(prop === obj) {   // 避免相互引用对象导致死循环,如initalObj.a = initalObj   

          continue;

}        

if (typeof prop === 'object') { //判断是否引用类型,object,Array的typeof检测都是object

//递归前,判断是对象还是数字,初始化

 obj[i] = (initalObj[i].constructor === Array) ? [] : {};            

arguments.callee(initalObj[i], obj[i]);//递归自己

        或obj[i] = (prop.constructor === Array) ? [] : Object.create(prop);

} else {

      obj[i] = prop; //基础类型值直接复制

    }

  }    

  return obj;

}
原文地址:https://www.cnblogs.com/renzm0318/p/11073869.html