导语：
“深拷贝 VS 浅拷贝”是前端面试中绕不开的经典问题，既能考察 JavaScript 基础功，又能延伸至手写代码、递归、循环引用处理等进阶话题。本文从面试官视角解析其考察重点，并详解如何手写一个实用的深拷贝函数，助你面试中脱颖而出。
一、面试主题概述
在 JavaScript 中，引用类型（如对象、数组）在赋值或传参时常常引发“浅拷贝”或“深拷贝”的问题。尤其在 React、Vue 等响应式框架下，数据变化与状态同步息息相关，若不理解这两者的本质差异，很容易引发业务 bug。
本主题常作为基础知识或代码题出现，后续还可能结合闭包、原型、递归、JSON 等深入提问，是体现候选人代码能力和思维深度的优质考点。
二、高频面试题汇总
- 什么是浅拷贝和深拷贝？两者有什么区别？
- 哪些常见方法可以实现浅拷贝？
- 用 JSON 方法实现深拷贝有什么局限性？
- 如何手写一个通用的深拷贝函数？
- 深拷贝中如何处理循环引用问题？
三、重点题目详解
题目一：
什么是浅拷贝和深拷贝？举例说明。
const obj1 = { name: 'Tom', info: { age: 25 } };
// 浅拷贝
const shallowCopy = Object.assign({}, obj1);
shallowCopy.info.age = 30;
console.log(obj1.info.age); // 输出：30（原对象被影响）
解析：
- 浅拷贝：只拷贝对象的第一层属性，若属性为引用类型（如对象、数组），则拷贝的是引用地址。
- 深拷贝：递归拷贝所有层级的数据，原对象与拷贝对象彻底隔离。
题目二：
使用 JSON.parse(JSON.stringify()) 实现深拷贝，有哪些问题？
const obj = {
name: 'Tom',
birthday: new Date(),
func: () => {},
undef: undefined,
symbol: Symbol('s'),
circular: null
};
obj.circular = obj;
const copy = JSON.parse(JSON.stringify(obj));
console.log(copy); // 部分属性丢失
解析：
使用 JSON 方法虽然快捷，但存在以下缺陷：
- 函数、
undefined、Symbol类型会被忽略； Date类型会变成字符串；- 不支持循环引用，会报错；
- 不适用于特殊对象如 Map、Set、RegExp。
面试官关注：
此题考察候选人是否对“工具函数的边界”有足够认识，避免在项目中使用时踩坑。
题目三：
如何手写一个支持循环引用的深拷贝函数？
function deepClone(obj, map = new WeakMap()) {
if (obj === null || typeof obj !== 'object') return obj;
if (map.has(obj)) return map.get(obj); // 处理循环引用
let clone = Array.isArray(obj) ? [] : {};
map.set(obj, clone); // 记录已克隆的对象
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key], map);
}
}
return clone;
}
// 测试循环引用
const a = { name: 'A' };
a.self = a;
const b = deepClone(a);
console.log(b); // 无堆栈溢出，成功复制
解析：
- 使用
WeakMap缓存已拷贝对象，避免递归陷入死循环； - 判断基础类型直接返回；
- 使用
Array.isArray()兼容数组和对象； - 保留引用结构，适合实际项目应用。
拓展建议：
- 若需支持更多类型（如
Date、RegExp、Map、Set等），可进行类型判断扩展； - 若对性能有高要求，需避免过度递归（例如处理大型嵌套结构时）。
四、面试官视角与加分项
考察目的：
- 是否理解 JS 中引用与内存的机制；
- 能否区别使用“引用复制”“浅拷贝”“深拷贝”三种方式；
- 能否用清晰逻辑实现一个通用工具函数，具备递归与边界处理能力；
- 在实际开发中是否具备“避免踩坑”的工程化思维。
如何加分：
- 回答时主动举出项目中出现“数据污染”的真实场景；
- 对性能考虑（是否滥用深拷贝）有思考；
- 能使用
WeakMap处理循环引用，并说明其为何优于普通Map； - 了解 Lodash、Rambda 等库中
cloneDeep的实现方式。
五、总结与建议
- 深浅拷贝的本质在于“是否复制内存地址引用”；
- 浅拷贝适用于简单结构、性能敏感场景；
- 深拷贝适用于复杂嵌套数据，需谨慎使用以免性能损耗；
- 推荐封装自己的
deepClone工具函数或使用成熟库，在项目中按需使用； - 面试中不仅要会用，更要能讲清楚“原理+场景+边界+优化”，才能拿下高分。
一句话记忆：
浅拷贝复制表面，深拷贝深入内核；JSON 简便却有限，循环引用用 WeakMap！