A JavaScript Fancier

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

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


我们知道,在js中,当object作为参数传递到函数中进行处理后,实际上是修改了传入的对象本身(或者说是对象的引用),但很多时候我们并不希望函数去修改我们的这些对象参数,这就需要使用到对象的克隆,我们应该对该对象做一个克隆,然后操作这个克隆的对象,这样就不会影响我们的原对象了。
    不过在js中并没有对象克隆功能,因此需要我们自己实现,实现方法也不复杂其实,基本上是做一些属性复制,我在网上找了一些,但有些实现并不好,如对于array对象克隆后就成json对象了,并没有保留原来的数组方式。不过最后还是找到了一个很好的克隆函数,完美实现了js对象的克隆功能,不论是Array对象或者是普通的Object,都可以很好的进行克隆,这个函数使用constructor(函数构造器)进行复制。

具体代码如下:
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 2008-06-18 14:53 Yemoo'S JS Blog 阅读(14890) 评论(4)  编辑 收藏 引用 所属分类: javascript代码收藏javascript技巧总结

评论

# re: JS完美实现对象克隆 2008-11-22 20:29 sushi
你好!我想请问一下:
objClone[key] = this[key].Clone();
就是这句
表示什么意思呢?调用了原对象的clone()方法?这句话写在clone()方法的,那就是调用自身?那不是走到这句的时候又回到开始,一直走不出来吗?
  回复  更多评论
  

# re: JS完美实现对象克隆 2008-12-08 16:39 Edwin
@sushi

递归调用,猪头  回复  更多评论
  

# re: JS完美实现对象克隆 2010-07-22 17:04 clone
@sushi
这样是实现深层clone,否则只clone一层就没意义了  回复  更多评论
  

# re: JS完美实现对象克隆 2011-03-29 19:08 hong
if ( typeof(this[key]) == 'object' ){
objClone[key] = this[key].Clone();
}else{
objClone[key] = this[key];
}
如果是属性是object则递归调用,直到基本数据类型--
{id:'22',data:[{name:'hong'}],value:{tp:'33'}}
遇到id则执行else,遇到data执行clone();递归调用到name.
遇到value也是,递归到tp  回复  更多评论
  

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