回顾一下,我们对传参的讨论,对象的传参是引用传递,我们传递的是对象数据所在的内存地址;
那么无论我们怎么去赋值,所有变量指向的都是同一块内存;
如上图所示,无论我去使用哪个变量去操作对象的属性,改变的始终是同一块内存区域的数据;
现在,我希望可以将obj1的内存数据,完整复制一份,存放到另一个内存区域obj2,使得这两块内存,保存的数据内容完全一样,但是我改变其中一块内存的数据,都不会影响到另一块内存的数据;
想一想,我们应该怎么做,才能达到这一目的?
浅拷贝
能想到的,是遍历对象的属性(基本数据类型),然后依次赋值给另一个对象的属性,因为说到复制,就是指值传递,只有基本数据类型是值传递:
如上图所示,我们遍历了obj1的属性,并赋值给了obj2,我们修改了obj2的name1属性,但是并没有改变obj1的name1属性,证明我们成功复制了一份obj1的内存数据;
那我们每次都需要用for-in循环吗?JS有没有自带一些方法来实现浅拷贝呢?
有的:
-
Object.assign()方法
语法为
Object.assign(dest, src1, src2,,,,,)
第一个变量
dest
是目标对象,即将后面的对象的属性值复制给目标对象;后面的所有变量
src
即是源对象,会将所有源对象的属性值全复制给目标对象,如果有属性名同名,则会进行覆盖;调用该方法,结果会返回dest;
深拷贝
现在假设,obj1中,name1是一个对象类型,上面的拷贝方式,还行得通吗?
看上图,obj2对name1的name属性修改为了Bob,而obj1的name1的name属性,输出结果也为Bob,这意味着,obj1和obj2的name1属性指向的是同一块内存区域;
这是因为,对象是引用传递,我们在调用Object.assign()方法时,只是将obj1的name1的内存地址,复制给了obj2的name1,此时他们之间的内存关系,如下所示:
也就是说,此时obj1和obj2并不完全互相独立,他们之间还共同管理着name1这块内存;
这种不完全互相独立的拷贝,我们称之为浅拷贝;
所以,完全互相独立的拷贝,我们就称之为深拷贝;
那么,我们怎样才能实现深拷贝,使两者完全互相独立呢?
可行的方法是,对name1这个对象,再进行一次浅拷贝。
这样太麻烦了,JS有没有自带的深拷贝的方法呢?
很遗憾,并没有。我们需要通过引入其他库,调用库方法,来进行深拷贝,这里不赘述。
标签:obj1,obj2,对象,JavaScript,name1,拷贝,属性 From: https://www.cnblogs.com/Journing/p/16969762.html