javascript:对象拷贝研究(一)

在javascript中,有时我们需要修改一个对象,又想保留原来的数据,所以会考虑将原来对象拷贝一份再操作。

关于拷贝对象,在研究如何实现之前,首先要理清两个问题:

1 对象有哪几种,对于不同的对象,拷贝的方法是否相同?
2 我们希望拷贝的最终结果是怎样的?

通常我们说的对象是指object的实例,即如:

var a={name:'mike'}

其实常用的Array和function也可以看作是特殊的对象。当然用new Number()或者new String()等定义的数据其实也是对象,因为比较特殊,不妨放在最后讨论。先讨论object,array,function这三种引用类型的数据拷贝。

拷贝一个对象的难点在于,它是引用类型的,如果直接赋值,只是在变量之间共享了内存地址。当修改复制对象时,也就是修改了原对象。

如果给拷贝下一个定义,是这样的:

复制一个对象,所复制的对象与原对象内容相同。

这是从“读”方面来理解的。

而我们通常所说的深拷贝,是指复制一个独立的对象,要从“读”和“写”来定义:

复制一个对象,使之内容与原来对象相同,并且修改结果对象的值不改变原对象的值。

为了简单理解所谓的浅拷贝和深拷贝,我们来画几个图:
如果直接将对象a赋值给对象b,其实它们指向的是同一个内存地址。


QQ图片20171221154108.png

所谓的浅拷贝,是指复制对象与原对象第一层的值是独立的,但再往深探索,却还有可能是关联的。
如图,第一层对象开辟了新的空间来存储对象,但第二层的address对象却是共用的。


QQ图片20171221160113.png

而深层拷贝应该是指所有对象完全独立。


QQ图片20171221160209.png

还有一种特殊的对象,对象里面包括有循环结构,理论上说,只要循环里面不牵扯宿主对象window,是一个有限的集合,是可以复制的,但复制这种对象相当难。


QQ图片20171221161000.png

为什么?如果只是树状的,使用递归算法,总可以到达叶子层。但如果是循环结构,递归就一直循环到天荒地老出不来。必须在拷贝时记录该节点是否处理过,它对应的拷贝对象又是哪一个,从而在拷贝对象中建立联系。在实际应用中,我暂时没遇到过这种拷贝的必要,纯研究。

根据对象的性质,对象拷贝应该不会超出这三种情况,但本篇只是理清对象拷贝的研究范围。具体怎么实现,后面再写文章讨论。

你可能感兴趣的:(javascript:对象拷贝研究(一))