asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

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>


翻到一年前的帖子了,晕。
我正在写一个东西,使用cloneAll有一些问题,就是在对象属性里如果再在对象的嵌套时,本来cloneAll也是递归处理的,可是这里面可能有一些是未初始化的null,这时就会出错了。
我尝试这样修改,cloneAll时的错虽然不报了,可是接下来的处理却不能得到正确的对象。请指点:

function Object.prototype.cloneAll(){
    function clonePrototype(){}
    var obj = new clonePrototype();
    if (obj==null)
    {
        return null;
    }
    for(var ele in obj){
        if(typeof(obj[ele])=="object") obj[ele] = obj[ele].cloneAll();
    }
    return obj;


vennet在上个帖子中说

引用:
翻到一年前的帖子了,晕。
我正在写一个东西,使用cloneAll有一些问题,就是在对象属性里如果再在对象的嵌套时,本来cloneAll也是递归处理的,可是这里面可能有一些是未初始化的null,这时就会出错了。
我尝试这样修改,cloneAll时的错虽然不报了,可是接下来的处理却不能得到正确的对象。请指点:

function Object.prototype.cloneAll(){
    function clonePrototype(){}
    var obj = new clonePrototype();
    if (obj==null)
    {
        return null;
    }
    for(var ele in obj){
        if(typeof(obj[ele])=="object" obj[ele] = obj[ele].cloneAll();
    }
    return obj;
}




我晕,我很抱谦,又是一年, 贴子已经升级。

www.blueidea.com/bbs/newsdetail.asp?id=1974881&posts=
Javascript中的clone equal方法 升级.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Javascript中Clone方法的实现.</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<BASE URL="HTTP://USER.7HOST.COM/IORIWELLINGS">
<META NAME="Generator" CONTENT="Wawa Editor 1.0">
<META NAME="Author" CONTENT="八神奄,海格雷尔,JavaX">
<META NAME="Keywords" CONTENT="Javascript,Java,XML,XSLT,ASP,VBScript,ASP .net,C#,C++,Database,不及格的程序员">
<META NAME="Description" CONTENT="不及格的程序员,无所不在">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

Array.prototype.clone = function (){
 var tempArray = new Array(this.length);
 for(var i=0;i<this.length;i++){
  if(this[i]==null){
   tempArray[i] = null;
   continue;
  }
  if(typeof(this[i])=="object"){ //contains Array;
   tempArray[i] = this[i].clone();
   continue;
  }
  tempArray[i] = this[i];
 }
 return tempArray;
}

Object.prototype.clone = function (){
 function clonePrototype(){}
 clonePrototype.prototype = this;
 var obj = null;
 try{
  obj = new clonePrototype();
 }catch(e){
  //遇到双相引用的对象,可能会堆栈溢出 in IE; Mozilla没事!
  throw e;
 }
 for(var ele in obj){
  if(obj[ele] == null){
   obj[ele] = null;
   continue;
  }
  var objType = typeof(obj[ele]);
  if(objType == "number"||objType == "string"||objType == "boolean"||objType == "function"){
   obj[ele] = obj[ele];
   continue;
  }
  if(obj[ele] instanceof Array){
   obj[ele] = obj[ele].clone();
   continue;
  }
  if(objType == "object"){
   if(typeof(obj[ele].clone) != "function") throw "对象不支持克隆,此操作不能完成!";
   obj[ele] = obj[ele].clone();
  }
 }
 return obj;
}

Object.prototype.equals = function(obj){
 if(this == obj)return true;
 if(typeof(obj) == "undefined" || obj == null || typeof(obj) != "object")return false;
 var length = 0; var length1=0;
 for(var ele in this) length++;for(var ele in obj) length1++;
 if(length != length1) return false;
 if(obj.constructor == this.constructor){
  for(var ele in this){
   if(this[ele] == null){
    if(obj[ele] != null) return false;
   }
   if(obj[ele] == null){
    if(this[ele] != null) return false;
   }
   if(this[ele] == null || obj[ele] == null){
    continue;
   }

   if(typeof(this[ele]) == "object"){
    if(!this[ele].equals(obj[ele]))
     return false;
   }else if(typeof(this[ele]) == "function"){
    if(!this[ele].toString().equals(obj[ele].toString())) return false;
  
   }else if(typeof(obj[ele])=="number" && typeof(this[ele]) == "number"){
    if(this[ele] != obj[ele]) return false;
   }else if(typeof(this[ele]) == "number"){
    if(typeof(obj[ele]) != "number") return false;
   }else if(typeof(obj[ele]) == "number"){
    if(typeof(this[ele]) != "number") return false;
   }else if(typeof(this[ele]) == "boolean" && typeof(obj[ele]) == "boolean"){
    if(this[ele] != obj[ele]) return false;
   }else if(typeof(this[ele]) == "boolean"){
    if(typeof(obj[ele]) != "boolean") return false;
   }else if(typeof(obj[ele]) == "boolean"){
    if(typeof(this[ele]) != "boolean") return false;
   }else if(this[ele]!=obj[ele]){
    return false;
   }
  }
  return true;
 }
 return false;
}
//测试数据;
var obj1   = new Object();
 obj1.Team   = "First";
 obj1.Powers   = new Array();
 obj1.Powers[0] = "Iori";
 obj1.Powers[1] = "Kyo";
 obj1.Powers[2] = {name:null,f:function(){alert("f")}};
 obj1.Powers[3] = new Array(new Array(1,new Object),"b",null, 1,true,false,new Array(1,"",true,null));
 obj1.msg   = function(){alert("msg function.")};
 obj1.winner   = new Object();
 obj1.winner.name = obj1.Powers[0];
 obj1.winner.age  = 23;
 obj1.winner.from = "Japan"

 var obj1_clone   = (obj1.clone());

                obj1_clone.Powers[3] = new Array(new Array(1,new Object()),"b",null, 1,true,false,new Array(1,"",true,null));
 alert("前者比较后者 结果为:"+obj1.equals(obj1_clone)+",后者比较前者 结果为:"+obj1_clone.equals(obj1));
</script>


观迎大家 对以上脚本 进行测试,并提供有价值的反馈信息,请指证Bug ,谢谢.


posted on 2006-03-18 13:26 汪杰 阅读(439) 评论(0)  编辑 收藏 引用 所属分类: javascript
只有注册用户登录后才能发表评论。

<2006年10月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 466814
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜