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 >
< 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界拳皇单打独斗杯,拳皇挑战赛: \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 >
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界拳皇单打独斗杯,拳皇挑战赛: \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 >