转载

js对象的深复制和浅复制

在JavaScript中,复制对象分为两种方式,浅复制和深复制,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级
1、浅复制没有办法去真正的去复制一个对象,而只是保存了对该对象的引用
2、深复制可以实现真正的复制一个对象

浅复制
创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象

Object.assign是一个浅拷贝,它只是在根属性(对象的第一层级)创建了一个新的对象,但是对于属性的值是对象的话只会拷贝一份相同的内存地址
Object.assign还有一些注意的点是:

1、不会拷贝对象继承的属性
2、不可枚举的属性
3、属性的数据属性/访问器属性
4、可以拷贝Symbol类型

大体可以理解为Object.assign就是使用简单的=来赋值,从左往右遍历源对象(sources)的所有属性用 = 赋值到目标对象(target)

Array.prototype.slice
slice() 方法返回一个新的数组对象,这一对象是一个由 begin和 end(不包括end)决定的原数组的浅拷贝。原始数组不会被改变。

深复制
将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

当我们需要复制一个obj对象时,可以先调用JSON.stringify(obj),将其转换为字符串对象,然后再调用JSON.parse方法,将其转换为JS对象。就可以轻松的实现对象的深复制

当然,使用这种方式实现深复制有一个缺点就是必须给JSON.parse方法传入的字符串必须是合法的JSON,否则会抛出错误

总结
实现一个完整的深拷贝是非常复杂的,需要考虑到很多边界情况

正文到此结束
本文目录