js对象克隆场场.docx

JS完美实现对象克隆 (转)jsonprototype?我们知道，在js中，当object作为参数传递到函数中进行处理后，实际上是修改了传入的对象本身（或者说是对象的引用），但很多时候我们并不希望函数 去修改我们的这些对象参数，这就需要使用到对象的克隆，我们应该对该对象做一个克隆，然后操作这个克隆的对象，这样就不会影响我们的原对象了。 ??? 不过在js中并没有对象克隆功能，因此需要我们自己实现，实现方法也不复杂其实，基本上是做一些属性复制，我在网上找了一些，但有些实现并不好，如对于 array对象克隆后就成json对象了，并没有保留原来的数组方式。不过最后还是找到了一个很好的克隆函数，完美实现了js对象的克隆功能，不论是 Array对象或者是普通的Object，都可以很好的进行克隆，这个函数使用constructor(函数构造器)进行复制。 具体代码如下： Js代码 ?Ototype.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;???}???Js代码 ?function?clone(myObj){????if(typeof(myObj)?!=?object)?return?myObj;????if(myObj?==?null)?return?myObj;????????var?myNewObj?=?new?Object();????????for(var?i?in?myObj)??????myNewObj[i]?=?clone(myObj[i]);????????return?myNewObj;??}??分享到： 本文目录：零、寒暄一、js中的对象二、克隆的概念三、浅克隆的表现四、深克隆的实现五、总结零、寒暄又是一个月多月没有更新博客了，这段时间回学校处理下论文的事情，实习的生活也暂时告一段落（在公司上班，才发现学校里面的生活简直如天堂一般，相 信很多已经毕业的小伙伴肯定被我说中了，说中了请给本文点个赞，哈哈！）。希望接下来自己的更新进度能加快，马上又是一年校招时，被虐也好、大牛虐别人也 罢，总之祝福各位今年要找工作的小伙伴们好运。那么，今天就聊一下一个常见的笔试、面试题，js中对象的深度克隆。翻了下这个题目，在很多地方出现过，已 经算一个老的题目了，但是每年的校招中总会考到，其实想想，这个题目考查的知识点还是蛮多的，尤其是对基础知识的考查。好了，闲话不多说，开始正题。一、js中的对象谈到对象的克隆，必定要说一下对象的概念。js中的数据类型分为两大类：原始类型和对象类型。（1）原始类型包括：数值、字符串、布尔值、null、undefined（后两个是特殊的原始 值，这里不做详细的说明，我的上一篇博客有谈到过一些）（2）对象类型包括：对象即是属性的集合，当然这里又两个特殊的对象----函数（js中的一等对 象）、数组（键值的有序集合）。好了既然对象分为这两类，这两种类型在复制克隆的时候是有很大区别的。原始类型存储的是对象的实际数据，而对象类型存储的是对象的引用地址（对象的 实际内容单独存放，为了减少数据开销通常存放在内存中）。ps：说到这里，大家要知道，对象的原型也是引用对象，它把原型的方法和属性放在内存当中，通过 原型链的方式来指向这个内存地址。二、克隆的概念浅度克隆：原始类型为值传递，对象类型仍为引用传递。深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。三、浅克隆的表现1，原始类型看下面一段代