关于javascript:原生js实现对象的深克隆以及浅克隆

4次阅读

共计 519 个字符,预计需要花费 2 分钟才能阅读完成。

在日常开发中,咱们常常会遇到须要复制一个对象。然而如果只是简略的进行赋值,并不能实现对象的克隆(拷贝)。只是多了一份指向对象的利用而已。对象克隆分为浅克隆和深克隆。

浅克隆

对象的浅克隆只是会克隆对象的第一层属性。当被克隆对象的属性为一个对象或则数组时。浅克隆是不会对该属性进一步克隆而是会赋值改属性的援用。即当批改了其中一个对象的属性的值时另外的那个对象的对应值也会跟着发生变化。具体表现如下所示:

深克隆

对象的深克隆就不会呈现浅克隆的那种状况,它会递归(齐全)的克隆整个对象,当对象的属性为一个对象或则数组时它会对改属性实现克隆而不是像浅克隆那样赋值援用。所以当一个对象被深克隆之后它是齐全独立于被克隆对象的。即他们二者的不存在任何关联。具体示例如下所示:

常见的深克隆办法

1、原生 js 通过递归实现深克隆。本文所示
2、应用 JSON 对象转化。但该办法有个缺点,不能克隆对象中的办法,RegExp 对象以及 undefined 类型的值。
3、借助其它库封装的办法实现深克隆。例如 Jquery

总结

本文次要介绍了原生 js 实现对象深克隆和浅克隆,在实现深克隆时用到了递归的思维、以及通过借助 Object 原型上的 toString 办法判断一个属性是对象还是数组。

正文完
 0