A JavaScript Fancier

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

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<2006年8月>
303112345
6789101112
13141516171819
20212223242526
272829303112
3456789

公告

本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com

常用链接

留言簿(26)

随笔分类

随笔档案

Ajax技术站点

javascript学习站点

JS高人Blog

Ruby&&Ajax框架

Web技术站点

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜



我们知道,在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 阅读(14902) 评论(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  回复  更多评论
  

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