javascript 深度copy

JavaScript中的深度复制可以理解为对一个对象的完全拷贝，包括其所有属性和方法。与浅复制不同，深度复制在复制过程中还会将嵌套在对象中的数组、函数、对象等也同时进行复制，以保证新对象与原对象除了引用地址不同外，其他完全一致。以下是一些关于如何在JavaScript中实现深度复制的技巧。

首先，最常见的方法是使用JSON.parse()和JSON.stringify()函数进行复制。这种方法非常简洁，实现也相对容易，但需要注意的是，这种方式会忽略掉对象中的function和undefined类型，只保留能被安全序列化的值。例如：

let obj = {
name: 'Alex',
scores: [80, 90, 95],
sayHello: function() {
console.log('Hello');
}
}
let newObj = JSON.parse(JSON.stringify(obj));

此时，newObj虽然也包含了原对象的name和scores属性，但它并没有继承原对象中的sayHello方法。为了解决这个问题，我们需要使用其他方法，比如递归遍历每一个属性并进行复制：

function deepClone(obj) {
if (obj === null) return obj;
let clone = Object.assign({}, obj);
Object.keys(clone).forEach(
key =>(clone[key] = typeof obj[key] === "object" ? deepClone(obj[key]) : obj[key])
);
return Array.isArray(obj) ? (clone.length = obj.length) && Array.from(clone) : clone;
}
let newObj = deepClone(obj);

这个函数在复制对象的每个属性时，判断当前属性是否已经是一个对象，如果是，继续前往下一级递归进行复制。这个过程会一直持续到复制完整个对象。需要注意的是，如果对象中有循环引用的情况，这个函数会进入死循环，导致卡死浏览器。

另外，ES6提供了一种更加简洁的实现方式，使用Spread运算符和递归调用来实现深度复制：

function deepClone(obj) {
let clone = Object.assign({}, obj);
Object.keys(clone).forEach(
key =>(clone[key] = typeof obj[key] === "object" ? deepClone(obj[key]) : obj[key])
);
return Array.isArray(obj) ? Object.assign([], clone) : clone;
}
let newObj = { ...obj };

这种方法同样是递归遍历每一个属性并进行复制，但使用的是ES6的语法，更加优雅简洁。需要注意的是，这种方法同样会因为循环引用而导致卡死浏览器。另外，这种方法还支持Spread语法进行浅复制，如下：

let obj = { name: 'Alex', age: 25 };
let copyObj = { ...obj };

总之，无论是使用JSON.parse()和JSON.stringify()函数，还是手写递归函数，或是ES6的Spread语法，JavaScript中都有多种方法可以实现深度复制。根据使用场景和需要复制的对象类型不同，选择不同的方式可以提高代码效率和可读性。