`

DeepCopy LightCopy

 
阅读更多
2、浅拷贝
除了使用”prototype链”以外,还有另一种思路:把父对象的属性,全部拷贝给子对象,也能实现继承。
下面这个函数,就是在做拷贝:
function LightCopy(p) {
var c = {};
for (var i in p) {
c[i] = p[i];
}
//c.uber = p;
return c;
}
使用的时候,这样写:
var WD = LightCopy(MED);
WD.aim = '前端开发';
但是,这样的拷贝有一个问题。那就是,如果父对象的属性等于数组或另一个对象,那么实际上,子对象获得的只是一个内存地址,而不是真正拷贝,因此存在父对象被篡改的可能。
请看,现在给MED添加一个”技能”属性,它的值是一个数组。
MED.skills = ['‘html’','css','Javascript'];
通过LightCopy()函数,WD继承了MED。
var WD = LightCopy(MED);
然后,我们为WD的”技能”添加一个属性:
WD.skills.push('teamwork');
发生了什么事?MED的”技能”也被篡改了!
console.log(WD.skills); //‘html’,'Javascript','css','teamwork'
console.log(MED.skills); //‘html’,'Javascript','css','teamwork'
所以,LightCopy()只是拷贝基本类型的数据,我们把这种拷贝叫做”浅拷贝”。这是早期jQuery实现继承的方式。
3、深拷贝
所谓”深拷贝”,就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难,只要递归调用”浅拷贝”就行了。
function deepCopy(p, c) {
var c = c || {};
for (var i in p) {
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}
使用的时候这样写:
var WD = deepCopy(MED);
现在,给父对象加一个属性,值为数组。然后,在子对象上修改这个属性:
MED.skills = ['‘html’','css','Javascript'];
WD.skills.push('teamwork');
这时,父对象就不会受到影响了。
console.log(WD.skills); //‘html’,'css','Javascript','teamwork'
console.log(MED.skills); //‘html’,'css','Javascript'
目前,jQuery库使用的就是这种继承方法。
原文出自:http://ued.alimama.com/front-end/javascript-extend/
分享到:
评论

相关推荐

    dotnet-DeepCopy用于深层复制NET对象的简单高效库

    "dotnet-DeepCopy"是一个针对.NET平台的高效库,专门用于实现深度复制操作。 深度复制与浅复制(Shallow Copy)的主要区别在于,浅复制只复制对象本身,而不复制它引用的对象。而深度复制会递归地复制对象及其引用...

    python list的deepcopy过慢(csdn)————程序.pdf

    在这种情况下,我们通常需要执行深拷贝(deepcopy),以确保新列表与原始列表完全独立,修改其中一个不会影响另一个。然而,Python的内置`copy.deepcopy()`函数在处理大型或嵌套数据结构时可能会变得非常慢,这在...

    deepcopy.js:深度复制数据

    deepcopy.js 深度复制数据安装npm $ npm install deepcopy用法node.jsJavaScript const deepcopy = require ( 'deepcopy' ) ;打字稿import * as deepcopy from 'deepcopy' ;浏览器< script src =" deepcopy.min....

    Python-copy()与deepcopy()区别详解

    `copy()`和`deepcopy()`是Python标准库`copy`模块中提供的两个函数,它们用于创建对象的副本。本文将深入探讨这两种复制方法的区别及其背后的工作原理。 首先,让我们明确`copy()`和`deepcopy()`的基本概念: 1. *...

    【Python 技巧】copy 模块中 copy() 与 deepcopy() 函数的区别

    deepcopy() 是真正意义上的复制,即重新开辟一片空间,经常说的复制实际上就是 deepcopy,深层复制之后的对象不受原对象的影响,无论原对象发生什么修改,深层复制的对象都不会发生改变。 >>> import c

    DeepCopy:创建对象的深层副本(克隆)

    深度复制DeepCopy可帮助您创建对象的深层副本(克隆)。 它旨在处理关联图中的循环。目录如何? 使用Composer安装: composer require myclabs/deep-copy 简单使用: use DeepCopy \ DeepCopy ;$ copier = new ...

    浅谈python中copy和deepcopy中的区别

    在Python编程中,复制对象是常见的操作,主要分为两种方式:浅复制(copy)和深复制(deepcopy)。这两种复制方法在处理复杂的数据结构时,表现出来的行为有所不同,因此了解它们的区别至关重要。 首先,让我们来看...

    前端大厂最新面试题-deepCopy.docx

    在提供的代码中,我们看到一个名为`deepCopy`的函数,它接受一个对象`o`作为参数。函数首先判断输入是否为对象,如果不是,直接返回原值。然后,根据对象是否为数组,分别处理数组和非数组对象的拷贝。对于数组,...

    python中copy()与deepcopy()的区别小结

    接触python有一段时间了,一直没有系统的学习过,也对copy,deepcoy傻傻的分不清,故抽出时间来理一下。 下面这篇文章主要给大家介绍了关于python中copy()与deepcopy()的区别的相关资料,需要的朋友可以参考下

    Python中浅拷贝copy与深拷贝deepcopy的简单理解

    在上述例子中,`lt_deepcopy`是`lts`的深拷贝,当`li`列表被追加元素8时,`lt_deepcopy`由于是深拷贝,其内部引用的是新的、未被修改的`li`副本,所以`lt_deepcopy`保持不变。 3. **内存地址和ID**:在Python中,每...

    x1ah#Blog#Python 中谨慎使用 copy.deepcopy()1

    title: Python 中谨慎使用 copy.deepcopy()>在一次做 Benchmark 的时候,发现无论如何调代码,最后总是不尽人意,之后用 `p

    python基础 30 浅复制&深复制, copy & deepcopy (教学教程tutorial)

    python基础_30_浅复制&深复制,_copy_&_deepcopy_(教学教程tutorial)

    DeepCopyCategory:使DeepCopy变得方便

    在Objective-C编程中,DeepCopy是一种重要的对象复制方式,它创建了一个与原对象完全独立的新对象,包括所有属性的深层拷贝。与浅拷贝(Shallow Copy)不同,浅拷贝只复制对象本身,而不复制它引用的对象。在处理...

    JAVA 深层拷贝 DeepCopy的使用详解

    在Java编程中,深拷贝(Deep Copy)是一种创建新对象的方法,该对象与原始对象具有相同的属性值,包括所有嵌套对象。然而,Java的标准库并不直接支持深拷贝,因为Java的`clone()`方法默认执行的是浅拷贝,只复制对象...

    DeepCopy:创建对象的深层副本(克隆)-开源

    DeepCopy 可帮助您创建对象的深层副本(克隆)。 它旨在处理关联图中的循环。 您如何创建对象的深层副本(即也复制属性中引用的所有对象)? 您使用 __clone() 并自己实现该行为。 DeepCopy 递归遍历对象的所有属性...

    DeepCopy-ShallowCopy:DeepCopy&ShallowCopy

    在Java编程语言中,DeepCopy和ShallowCopy是两种复制对象的方法,它们在处理对象时有不同的行为和影响。理解这两者之间的区别对于编写高效、安全的代码至关重要。 首先,我们来了解一下基本概念: 1. Shallow Copy...

    android 浅复制和深复制-Java Generic Deep Copy 篇

    public static <T extends Cloneable> T deepCopy(T src) throws CloneNotSupportedException { if (src == null) { return null; } // 如果对象实现了Cloneable接口,使用clone()方法进行深拷贝 if (src....

Global site tag (gtag.js) - Google Analytics