大白话理解深浅拷贝

  

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

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

1、用JSON.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