Javascript中浅拷贝与深拷贝的实现

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>

</HEAD>

<BODY>

<!--

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界拳皇单打独斗杯,拳皇挑战赛: \n\n A组对战形式:\n\n"

msg += obj1.Team+" 组 ,人员名单:"+obj1.Powers+"\n";

msg += "第一轮过后,胜利者为:"+obj1.winner.name +" ,参赛者年龄:"+obj1.winner.age+" ,来自岛国: "+obj1.winner.from+"\n";

msg += "\n\n B组对战形式:\n\n"

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>

posted @ 2007-07-09 16:22 紫色幽灵阅读(396) 评论(1) 收藏举报

刷新页面返回顶部