浅拷贝只复制对象第一层属性,引用类型共享内存,修改嵌套属性会影响原对象;深拷贝递归复制所有层级,生成完全独立的对象。常见浅拷贝方法有Object.assign()、展开运算符;深拷贝可用jsON.parse(json.stringify())或递归实现,后者可处理函数、循环引用等复杂情况。

在javaScript中,深拷贝和浅拷贝都是用来复制对象的方法,但它们的行为有本质区别。理解两者的原理和实现方式,对处理复杂数据结构非常重要。
什么是浅拷贝?
浅拷贝是指创建一个新对象,这个新对象拥有原对象属性的直接值或引用。如果原对象的属性是基本类型,拷贝的是值;如果是引用类型(如数组、对象),拷贝的是内存地址,也就是说,新旧对象会共享同一块堆内存。
这意味着:修改拷贝后的对象中的引用类型属性,会影响原始对象。
常见实现方式:
示例:
const obj1 = { a: 1, b: { c: 2 } }; const obj2 = Object.assign({}, obj1); obj2.b.c = 3; console.log(obj1.b.c); // 输出 3,说明共享引用
什么是深拷贝?
深拷贝会递归地复制对象的所有层级,包括嵌套的对象和数组,生成一个完全独立的新对象。原对象和拷贝对象互不影响。
深拷贝的关键在于:所有引用类型都被重新创建,不共享任何内存。
常见实现方式:
- JSON.parse(JSON.stringify(obj)):简单有效,但有局限性(不能处理函数、undefined、symbol、循环引用等)
- 递归手动实现:可以控制各种数据类型,更灵活
- 使用第三方库:如 Lodash 的 _.cloneDeep()
示例(JSON方法):
const obj1 = { a: 1, b: { c: 2 } }; const obj2 = JSON.parse(JSON.stringify(obj1)); obj2.b.c = 3; console.log(obj1.b.c); // 输出 2,互不影响
注意:JSON方法无法处理函数、正则、date对象可能出错、以及循环引用会报错。
如何手动实现一个简易深拷贝?
通过递归判断数据类型,分别处理对象、数组和其他类型。
function deepClone(obj, visited = new WeakMap()) { if (obj === null || typeof obj !== 'object') return obj; // 处理循环引用 if (visited.has(obj)) return visited.get(obj); let clone; if (Array.isArray(obj)) { clone = []; } else { clone = {}; } visited.set(obj, clone); for (let key in obj) { if (obj.hasOwnProperty(key)) { clone[key] = deepClone(obj[key], visited); } } return clone; }
这个版本支持循环引用(使用WeakMap),避免无限递归。
浅拷贝与深拷贝的核心区别总结
- 浅拷贝只复制一层,深层仍共用引用
- 深拷贝完全独立,每一层都重新创建
- 性能上:浅拷贝快,深拷贝慢,尤其对象层级深时
- 使用场景:若对象不含嵌套引用,浅拷贝足够;否则建议深拷贝
基本上就这些。选择哪种方式,取决于数据结构复杂度和是否需要完全隔离。