A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks

     在js里没有类似JAVA的clone方法,无法实现对对象的克隆,一般使用等号操作符来传递对象,但这样就造成了指针关联问题,修改任何一个对象,其关联的对象也会被改变,但很多时候我们只想得到一个对象的拷贝,而非引用。今日偶就遇到了这个问题,以前还真没有注意过这个,朋友给找了两个方法,感觉写的都不错。只是实现稍有不同,但大体原理是相对的,即逐项复制对象内容
相信这段代码对很多web开发的朋友都会有用。

方法一:定义一个clone方法来实现。

function clone(myObj){
  
if(typeof(myObj) != 'object') return myObj;
  
if(myObj == nullreturn myObj;
  
  
var myNewObj = new Object();
  
  
for(var i in myObj)
    myNewObj[i] 
= clone(myObj[i]);
  
  
return myNewObj;
}


方法二:通过object原型扩展实现

Object.prototype.Clone = function()
{
    
var objClone;
    
if ( this.constructor == Object ) objClone = new this.constructor(); 
    
else objClone = new this.constructor(this.valueOf()); 
    
for ( var key in this )
    {
        
if ( objClone[key] != this[key] )
        { 
            
if ( typeof(this[key]) == 'object' )
            { 
                objClone[key] 
= this[key].Clone();
            }
            
else
            {
                objClone[key] 
= this[key];
            }
        }
    }
    objClone.toString 
= this.toString;
    objClone.valueOf 
= this.valueOf;
    
return objClone; 
}  

posted on 2007-09-25 18:32 Yemoo'S JS Blog 阅读(10810) 评论(5)  编辑 收藏 引用 所属分类: javascript技巧总结

评论

# re: 实现JS对象的克隆 2007-12-27 16:50 Gao
怎么调用阿?
对方法一:var test = document.getElementById("test ");
a = clone(test );
怎么提示:未指明的错误啊 .
希望能指点一下,多谢  回复  更多评论
  

# re: 实现JS对象的克隆 2008-01-02 15:13 Yemoo'S JS Blog
@Gao
晕倒,这个克隆是对用户自定义对象的克隆,如果要实现对dom对象克隆的克隆,可以直接使用dom本身自带的clone方法。如a=test.clone()  回复  更多评论
  

# re: 实现JS对象的克隆 2008-11-05 15:29 MeiJianMing
out of memory at line xxx
。。。老兄咋报错啊。。。  回复  更多评论
  

# re: 实现JS对象的克隆 2008-11-21 13:09 张二
傻逼,复制来的东西也应该验证一下正确性再贴到自己博客里。  回复  更多评论
  

# re: 实现JS对象的克隆 2009-06-01 15:11 老焦,
你个SB  回复  更多评论
  

只有注册用户登录后才能发表评论。