Javascript浅拷贝与深拷贝实现
时间：2007-02-17 来源：PHP爱好者
Javascript中的对像赋值与Java中是一样的,都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢 答案是克隆.
什么是"clone"？
在实际编程过程中，我们常常要遇到这种情况：有一个对象A，在某一时刻A中已经包含了一些有效值，此时可能会需要一个和A完全相同新对象B，并且此后对B任何改动都不会影响到A中的值，也就是说，A与B是两个独立的对象，但B的初始值是由A对象确定的。在Java/javasript语言中，用简单的赋值语句是不能满足这种需求的。要满足这种需求虽然有很多途径，但实现clone()方法是其中最简单，也是最高效的手段,当然了 javascript语言中并没有此方法.
所以我特意写了两个克隆方法:一个为浅复制 ,一个为深复制. 解释:
浅复制(影子克隆):只复制对象的基本类型,对象类型,仍属于原来的引用.
深复制(深度克隆):不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的.
下面是测试代码:
运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Generator" CONTENT="Wawa Editor 1.0"> <META NAME="Author" CONTENT="八神奄"> <META NAME="Keywords" CONTENT="Javascript,Java,XML,XSLT,ASP,VBscript,ASP .net,C#,C++,Database"> <META NAME="Description" CONTENT="不及格的程序员,无所不在"> </HEAD> <BODY> <script LANGUAGE="Javascript"> <!-- function Object.prototype.clone(){ var newObj = new Object(); for(elements in this){ newObj[elements] = this[elements]; } return newObj; } function Object.prototype.cloneAll(){ function clonePrototype(){} clonePrototype.prototype = this; var obj = new clonePrototype(); for(var ele in obj){ if(typeof(obj[ele])=="object") obj[ele] = obj[ele].cloneAll(); } return obj; } var obj1 = new Object(); obj1.Team = "First"; obj1.Powers = new Array("Iori","Kyo"); obj1.msg = function(){alert()}; obj1.winner = new Object(); obj1.winner.name = obj1.Powers[0]; obj1.winner.age = 23; obj1.winner.from = "Japan" var obj1_clone = obj1.cloneAll(); obj1_clone.Team = "Second"; obj1_clone.Powers = new Array("Jimmy","Anndy"); obj1_clone.winner.name = obj1_clone.Powers[1]; obj1_clone.winner.age = 22; obj1_clone.winner.from = "USA"; msg = "2003界拳皇单打独斗杯,拳皇挑战赛: nn A组 对战形式:nn" msg += obj1.Team+" 组 ,人员名单:"+obj1.Powers+"n"; msg += "第一轮过后,胜利者为:"+obj1.winner.name +" ,参赛者年龄:"+obj1.winner.age+" ,来自岛国: "+obj1.winner.from+"n"; msg += "nn B组 对战形式:nn" msg += obj1_clone.Team+" 组 ,人员名单:"+obj1_clone.Powers+"n"; msg += "第一轮过后,胜利者为:"+obj1_clone.winner.name +" ,参赛者年龄:"+obj1_clone.winner.age+" ,来自国际警察部队: "+obj1_clone.winner.from+"n"; alert(msg); //--> </script> </BODY> </HTML>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]（出处：蓝色理想）
php爱好者 站 http://www.phpfans.net 网页制作|网站建设|数据采集.
什么是"clone"？
在实际编程过程中，我们常常要遇到这种情况：有一个对象A，在某一时刻A中已经包含了一些有效值，此时可能会需要一个和A完全相同新对象B，并且此后对B任何改动都不会影响到A中的值，也就是说，A与B是两个独立的对象，但B的初始值是由A对象确定的。在Java/javasript语言中，用简单的赋值语句是不能满足这种需求的。要满足这种需求虽然有很多途径，但实现clone()方法是其中最简单，也是最高效的手段,当然了 javascript语言中并没有此方法.
所以我特意写了两个克隆方法:一个为浅复制 ,一个为深复制. 解释:
浅复制(影子克隆):只复制对象的基本类型,对象类型,仍属于原来的引用.
深复制(深度克隆):不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的.
下面是测试代码:
运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Generator" CONTENT="Wawa Editor 1.0"> <META NAME="Author" CONTENT="八神奄"> <META NAME="Keywords" CONTENT="Javascript,Java,XML,XSLT,ASP,VBscript,ASP .net,C#,C++,Database"> <META NAME="Description" CONTENT="不及格的程序员,无所不在"> </HEAD> <BODY> <script LANGUAGE="Javascript"> <!-- function Object.prototype.clone(){ var newObj = new Object(); for(elements in this){ newObj[elements] = this[elements]; } return newObj; } function Object.prototype.cloneAll(){ function clonePrototype(){} clonePrototype.prototype = this; var obj = new clonePrototype(); for(var ele in obj){ if(typeof(obj[ele])=="object") obj[ele] = obj[ele].cloneAll(); } return obj; } var obj1 = new Object(); obj1.Team = "First"; obj1.Powers = new Array("Iori","Kyo"); obj1.msg = function(){alert()}; obj1.winner = new Object(); obj1.winner.name = obj1.Powers[0]; obj1.winner.age = 23; obj1.winner.from = "Japan" var obj1_clone = obj1.cloneAll(); obj1_clone.Team = "Second"; obj1_clone.Powers = new Array("Jimmy","Anndy"); obj1_clone.winner.name = obj1_clone.Powers[1]; obj1_clone.winner.age = 22; obj1_clone.winner.from = "USA"; msg = "2003界拳皇单打独斗杯,拳皇挑战赛: nn A组 对战形式:nn" msg += obj1.Team+" 组 ,人员名单:"+obj1.Powers+"n"; msg += "第一轮过后,胜利者为:"+obj1.winner.name +" ,参赛者年龄:"+obj1.winner.age+" ,来自岛国: "+obj1.winner.from+"n"; msg += "nn B组 对战形式:nn" msg += obj1_clone.Team+" 组 ,人员名单:"+obj1_clone.Powers+"n"; msg += "第一轮过后,胜利者为:"+obj1_clone.winner.name +" ,参赛者年龄:"+obj1_clone.winner.age+" ,来自国际警察部队: "+obj1_clone.winner.from+"n"; alert(msg); //--> </script> </BODY> </HTML>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]（出处：蓝色理想）
php爱好者 站 http://www.phpfans.net 网页制作|网站建设|数据采集.
相关阅读 更多 +
