浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。
深拷贝 是开辟一块新的内存地址,将原对象的各个属性逐个复制进去,新对象跟原对象不共享内存,对拷贝对象和源对象各自的操作互不影响。
1、用JSON.stringify把对象转成字符串,再用JSON.parse把字符串转成新的对象
var obj1 = { body: { a: 10 } };
var obj2 = JSON.parse(JSON.stringify(obj1));
缺点:会抛弃对象的constructor,也就是深复制之后,无论这个对象原本的构造函数是什么,在深复制之后都会变成Object
- 如果被拷贝的对象中有function,则拷贝之后的对象就会丢失这个function
- 如果被拷贝的对象中有正则表达式,则拷贝之后的对象正则表达式会变成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; }