源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

浅谈Javascript中深复制

  • 时间:2021-03-31 10:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:浅谈Javascript中深复制
在javascript中,所有的object变量之间的赋值都是传地址的,可能有同学会问哪些是object对象。举例子来说明可能会比较好:
[u]复制代码[/u] 代码如下:
typeof(true)    //"boolean" typeof(1)       //"number" typeof("1")     //"string" typeof({})      //"object" typeof([])      //"object" typeof(null)    //"object" typeof(function(){})  //"function"
所以其实我们深复制主要需要处理的对象就是object对象,非object对象只要直接正常的赋值就好。我实现js深复制的思路就是: 遍历所有该对象的属性, 如果该属性是"object"则需要特殊处理, 如果这个object对象比较特殊,是一个数组,那就创建一个新的数组并深复制数组里的元素 如果这个object对象是个非数组对象,那直接再对它递归调用深复制方法即可。 如果不是"object",则直接正常复制就行。 下面就是我的实现了:
[u]复制代码[/u] 代码如下:
Object.prototype.DeepCopy = function () {   var obj, i;   obj = {};   for (attr in this) {     if (this.hasOwnProperty(attr)) {       if (typeof(this[attr]) === "object") {         if (this[attr] === null) {           obj[attr] = null;         }         else if (Object.prototype.toString.call(this[attr]) === '[object Array]') {           obj[attr] = [];           for (i=0; i<this[attr].length; i++) {             obj[attr].push(this[attr][i].DeepCopy());           }         } else {           obj[attr] = this[attr].DeepCopy();         }       } else {         obj[attr] = this[attr];       }     }   }   return obj; };
如果浏览器支持ECMAScript 5的话,为了深复制对象属性的所有特性,可以使用
[u]复制代码[/u] 代码如下:
Object.defineProperty(obj, attr, Object.getOwnPropertyDescriptor(this, attr));
来替代
[u]复制代码[/u] 代码如下:
obj[attr] = this[attr];
直接在Object.prototype上实现该方法的好处是,所有对象都会继承该方法。坏处是某些库也会改写Object对象,所以有时会发生冲突。这是需要注意的。具体使用方法如下:
[u]复制代码[/u] 代码如下:
Object.prototype.DeepCopy = function () { ... } var a = { x:1 }; var b = a; var c = a.DeepCopy(); a.x = 2; b.x = 3; console.log(a.x);   //3 console.log(b.x);   //3 console.log(c.x);   //1
以上就是关于深复制的讲解了,不过今天既然我们讲了深复制,那么想对应的还有浅复制,我们就来简单总结下他们之间的异同吧。 浅复制(影子克隆):只复制对象的基本类型,对象类型,仍属于原来的引用. 深复制(深度克隆):不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的.
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部