Javascript 浅拷贝/深度拷贝的区别？

JavaScript中的浅拷贝和深度拷贝是处理对象复制时两种不同的方式，它们在处理对象属性和引用时有所不同。

浅拷贝（Shallow Copy）

浅拷贝只会复制对象的第一层属性，如果属性值是基本类型（如数字、字符串、布尔值），则拷贝的是基本类型的值；如果属性值是引用类型（如对象、数组），则拷贝的是内存地址，也就是说，两个对象指向同一块内存，一个对象的改变会影响到另一个对象。

在JavaScript中，可以使用 Object.assign 或者扩展运算符 ... 来实现浅拷贝。

// 使用Object.assign
const original = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, original);

// 使用扩展运算符
const anotherOriginal = { a: 1, b: { c: 2 } };
const anotherCopy = { ...anotherOriginal };

深度拷贝（Deep Copy）

深度拷贝会复制对象的所有层级属性，对于每一层中的引用类型，都会创建一个新的对象或数组，从而实现完全独立的复制。在JavaScript中，可以使用 JSON.parse(JSON.stringify(obj)) 来简单实现深度拷贝，但这种方法有局限性，比如不能复制函数、undefined、循环引用等。

const original = { a: 1, b: { c: 2 } };
const deepCopy = JSON.parse(JSON.stringify(original));

区别

1. 内存占用：浅拷贝通常占用更少的内存，因为它不会复制嵌套对象或数组的副本，只是复制引用。深度拷贝则会复制所有嵌套的对象和数组，因此占用更多的内存。
2. 修改影响：浅拷贝中，如果修改了原始对象中的嵌套对象或数组，那么拷贝的对象也会受到影响，因为它们共享同一块内存。而在深度拷贝中，原始对象和拷贝对象是完全独立的，修改一个不会影响另一个。
3. 复杂性：深度拷贝的实现通常比浅拷贝复杂，因为它需要递归地复制所有嵌套的对象和数组。
4. 特殊情况的处理：深度拷贝需要处理循环引用、函数、undefined等特殊情况，而浅拷贝则不需要。

在选择浅拷贝还是深度拷贝时，需要根据实际需求来决定。如果只需要复制对象的结构而不关心对象内部的改变，可以使用浅拷贝；如果需要完全独立的副本，以防对象内部的变化影响到原始对象，则需要使用深度拷贝。