浅拷贝只复制对象第一层属性，引用类型共享内存，修改嵌套对象会影响原对象；深拷贝递归复制所有层级，生成完全独立的对象。常用浅拷贝方法有object.assign、扩展运算符；深拷贝可用json.parse(json.stringify())或递归实现，但前者不支持函数、undefined等，后者更灵活但性能开销大。选择取决于数据结构复杂度和性能需求。
在JavaScript中，对象的拷贝分为浅拷贝和深拷贝，理解它们的实现原理对避免数据意外修改至关重要。当你复制一个对象时，如果只是复制了它的引用，那么无论你通过哪个变量修改对象，另一个都会受到影响。为了避免这种情况，就需要使用浅拷贝或深拷贝。
浅拷贝的实现原理
浅拷贝是指创建一个新对象，这个新对象拥有原对象属性的一层副本。如果是基本数据类型，直接复制值；如果是引用类型（如数组、对象），则只复制其引用地址。
这意味着，当原对象的嵌套对象被修改时，拷贝后的对象也会受到影响。
常见的浅拷贝方法包括：
立即学习“Java免费学习笔记（深入）”；
- Object.assign()：将多个源对象的可枚举属性复制到目标对象
- 扩展运算符 {...}：语法简洁，常用于对象合并或复制
- Array.prototype.slice() 或 concat()：适用于数组的浅拷贝
const obj = { a: 1, b: { c: 2 } };
const copy = { ...obj };
copy.b.c = 3;
console.log(obj.b.c); // 输出 3，说明是浅拷贝
深拷贝的实现原理
深拷贝会递归地复制对象的所有层级，生成一个完全独立的新对象。修改新对象不会影响原对象，哪怕嵌套多层也不会共享引用。
实现深拷贝有多种方式，各有优劣：
- JSON.parse(JSON.stringify(obj))：简单快捷，但存在限制，比如不能处理函数、undefined、Symbol、循环引用等
- 递归遍历实现：手动遍历对象属性，对每个引用类型再进行深拷贝，可以处理大多数情况
-
使用结构化克隆算法（Structured Clone）：部分浏览器API支持，如
structuredClone()（现代浏览器支持） -
借助第三方库：如 Lodash 的
_.cloneDeep()，功能完善且稳定
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') return obj;
if (obj instanceof Date) return new Date(obj);
if (obj instanceof Array) {
return obj.map(item => deepClone(item));
}
if (typeof obj === 'object') {
const clonedObj = {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clonedObj[key] = deepClone(obj[key]);
}
}
return clonedObj;
}
}
浅拷贝与深拷贝的关键区别
核心在于是否递归复制引用类型。浅拷贝只复制第一层，速度快但不够彻底；深拷贝复制所有层级，安全但性能开销大，尤其是对象层级很深或数据量大时。
选择哪种方式取决于具体场景：
- 如果对象结构简单，没有嵌套引用，用浅拷贝即可
- 若涉及状态管理、复杂配置或需要完全隔离数据，应使用深拷贝
