JS中深度复制和浅复制有何不同

JS中深拷贝和浅拷贝的区别是什么，需要具体代码示例

在JavaScript中，对象的拷贝分为浅拷贝和深拷贝两种方式。浅拷贝仅仅复制对象的引用地址，而深拷贝则是创建一个完全独立的副本。

浅拷贝是将原对象的引用地址复制给新对象，它们指向同一块内存空间。当修改其中任意一个对象的属性时，另一个对象的相应属性也会被修改。这是因为它们共享相同的内存地址。

深拷贝是创建一个全新的对象，并将原对象中的所有属性逐一复制到新对象中，新对象和原对象互不影响。即使修改其中一个对象的属性，另一个对象的属性也不会受到影响。

下面，我将通过具体的代码示例来说明浅拷贝和深拷贝的区别。

首先，我们来看一个浅拷贝的示例：

let obj1 = {name: "Alice", age: 20};
let obj2 = obj1;

obj1.age = 21; 

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 21}

在上述代码中，我们通过将obj1赋值给obj2实现了一个浅拷贝。当修改obj1的age属性时，obj2的age属性也被修改了，这是因为它们指向同一块内存地址。

接下来，我们来看一个深拷贝的示例：

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    
    let clone = Array.isArray(obj) ? [] : {};
    
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            clone[key] = deepClone(obj[key]);
        }
    }
    
    return clone;
}

let obj1 = {name: "Alice", age: 20};
let obj2 = deepClone(obj1);

obj1.age = 21;

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 20}

在上述代码中，我们定义了一个deepClone函数，用于实现深拷贝。该函数首先判断传入的参数是否为null或不是对象类型，如果是则直接返回，否则创建一个与传入对象类型相同的空对象clone。然后通过遍历原对象的属性，递归调用deepClone函数对每个属性进行深拷贝，并赋值给相应的clone属性。最后返回新对象clone。

通过使用deepClone函数，我们实现了对obj1的深拷贝。即使修改了obj1的age属性，但obj2的age属性依然保持不变，这是因为它们是两个完全独立的对象。

综上所述，浅拷贝仅仅复制对象的引用地址，而深拷贝是创建一个完全独立的副本。深拷贝能够保证在修改副本对象时不影响原对象，适用于有嵌套结构的对象拷贝。需要注意的是，在实际开发中，深拷贝可能会导致性能开销较大，因此需要根据实际情况选择合适的拷贝方式。