您的位置:首页 > Web前端 > JavaScript

js实现的对象深拷贝

2016-07-21 00:00 597 查看
摘要: js中对象的拷贝分为‘浅复制’和‘深复制’

如果一个对象中的所有属性值都是简单的值类型,要复制它很简单:

function easyCopy(p) {
  var c = {};
  for (var i in p) {
    c[i] = p[i];
    }
  c.uber = p;
  return c;
}


当要复制的对象中存在某一个属性的值类型是对象或者数组时,那么这样做子对象中该属性得到的只是一个内存地址,而不是真正复制。因此存在父对象被篡改的可能。
所谓"深拷贝",就是能够实现真正意义上的数组和对象的拷贝:

function deepCopy(p, c) {
var c = c || {};
for (var i in p) {
if(! p.hasOwnProperty(i)){
continue;
}
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}

Parent = {name: 'foo', birthPlaces: ['北京','上海','香港']}
var Child = deepCopy(Parent);


应用场景:非构造函数继承的一种方式
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: