客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
网上关于这个话题，讨论有很多了，根据各路情况我自己整理了一下，最后还是能接近完美的实现深拷贝，欢迎大家讨论。
一、直接赋值对象是引用类型，如果直接赋值给另外一个对象，那么只是赋值一个引用，实际上两个变量指向的同一个数据对象，如果其中一个对象的属性变更，那么另外一个也会变更。 示例1，简单示例：
let human1 = {
id: 1,
name: "happy"
};
human2 = human1; // 这里就是直接赋值
console.log(human1); // {id: 1, name: 'happy'}
console.log(human2); // {id: 1, name: 'happy'}
// 更改human1的名称，human2的也会更改
human1.name = "life";
console.log(human1); // {id: 1, name: 'life'}
console.log(human2); // {id: 1, name: 'life'}
示例2，对象作为参数传递也是传递引用：
let human1 = {
id: 1,
name: "happy"
};
console.log(human1); // {id: 1, name: 'happy'}
function foo(human) {
// 这里更改了human对象的名称
human.name = "life";
}
foo(human1); // 传递对象是传递引用
console.log(human1); // {id: 1, name: 'life'}
二、浅拷贝浅拷贝只是复制了对象的第一层，如果第一层的属性值是对象，那么该属性也只是复制了一个引用。
let object1 = {
a: 1,
b: { // b是对象
b1: 2
}
};
object2 = Object.assign({}, object1); // 这里就是浅拷贝，其中的b对象只复制了引用
// a是常规类型，不会互相影响
object1.a = 10;
console.log(object1.a); // 10
console.log(object2.a); // 1
// b是对象，会互相影响
object1.b.b1 = 20;
console.log(object1.b.b1); // 20
console.log(object2.b.b1); // 20
如果要实现完整的复制，就要使用深拷贝。 三、深拷贝森拷贝就是不光是一层要复制，里面的层如果是对象也要进行复制。 1. JSON对象的方式如果对象可以确认是 沿用上面的例子：
let object1 = {
a: 1,
b: { // b是对象
b1: 2
}
};
object2 = JSON.parse(JSON.stringify(object1)); // 深拷贝
// a是常规类型，不会互相影响
object1.a = 10;
console.log(object1.a); // 10
console.log(object2.a); // 1
// b是对象，也不会互相影响
object1.b.b1 = 20;
console.log(object1.b.b1); // 20
console.log(object2.b.b1); // 2
这边深拷贝的原理其实就是先把对象转成
所以这种方式只适合对象确认是一个纯粹的 2. 递归复制因为需要一层一层递进复制，很容想到用递归的方式，参考如下实现：
function deepCopy(source) {
// 如果不是对象或者是null则直接返回
if (typeof source !== 'object' || source === null) {
return source;
}
let target = {};
// 遍历复制属性
for (let k in source) {
if (!source.hasOwnProperty(k)) {
continue;
}
if (typeof source[k] === 'object') { // 如果是对象，则递归复制
target[k] = deepCopy(source[k]);
continue;
}
let descriptor = Object.getOwnPropertyDescriptor(source, k);
Object.defineProperty(target, k, descriptor);
}
return target;
}
因为是一层一层复制，所以复制完成后，两个对象不会互相影响，并且也可以支持方法。
let object1 = {
a: 1,
b: { // b是对象
b1: 2
},
f: function() { // f是方法
console.log(3);
}
};
object2 = deepCopy(object1); // 深拷贝，也可以复制函数了。
object1.f(); // 3
object2.f(); // 3
// b是对象，也不会互相影响
object1.b.b1 = 20;
console.log(object1.b.b1); // 20
console.log(object2.b.b1); // 2
复制原型对象 但是这个方法还存在一个问题，就是原型对象无法复制，稍微改进一下：
// 把 let target = {}; 改成如下方式
// 保证原型也进行了复制
let target = Object.create(Object.getPrototypeOf(source));
这样就可以了，来个示例验证一下：
function Human() {
this.id = 1;
}
Human.prototype.bar = function() {
console.log("bar");
};
let human1 = new Human();
human2 = deepCopy(human1);
console.log("human1", human1);
console.log("human2", human2);
查看下两个对象的原型： 深拷贝复制原型对象： 完美复制。 当然这样的方法也存在一个问题，就是递归本身存在如果层次过深，容易造成栈溢出的问题。但是在实务中也建议不要复制非常大的对象，应该有另外好的解决方法。 到此这篇关于浅谈 参考文档： JS实现深拷贝：https://www.cnblogs.com/dobeco/p/11295316.html |
请发表评论