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

　2008-01-05 18:36:30　来源：WEB开发网　　　

核心提示：javascript中的对像赋值与 Java中是一样的 ,都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢答案是克隆. 什么是"clone"？在实际编程过程中，我们经常要碰到这种情况：有一个对象A，Javascript 中浅拷贝与深拷

javascript中的对像赋值与 Java中是一样的 ,都为引用传递.
就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.那怎么来做呢答案是克隆. Javascript 中浅拷贝与深拷贝的实现

什么是"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");