JavaScript手动实现递归深拷贝需识别数据类型、处理循环引用、递归遍历嵌套结构；使用WeakMap记录源对象与拷贝映射，精准判断类型（Object.prototype.toString.call），分别处理Date、RegExp、Map、Set等内置类型，避免JSON方案缺陷。
JavaScript 中手动实现递归版深拷贝，核心在于识别不同数据类型、处理循环引用、递归遍历嵌套结构。下面是一个实用、可扩展的实现方案。
基础逻辑与类型判断
深拷贝需区分原始类型（string、number、boolean、null、undefined、symbol、bigint）和引用类型（object、array、date、regexp、map、set 等）。原始类型直接返回，引用类型需递归复制。
- 用
Object.prototype.toString.call()精准判断类型，比typeof更可靠 - 对
null单独处理（typeof null === 'object'是历史 bug） - 普通对象和数组用
Array.isArray()区分，避免误判类数组对象
处理循环引用（关键难点）
若对象存在自引用或相互引用，不加控制会导致无限递归、栈溢出。解决方案是维护一个“源对象 → 拷贝对象”的映射表（WeakMap 更佳，避免内存泄漏）。
- 每次进入递归前，先查映射表：若已存在该源对象的拷贝，直接返回，中断递归
- 首次遇到时，先在映射表中存入占位对象（如空对象），再递归填充属性，防止后续重复进入
- WeakMap 键必须是对象，且不阻止垃圾回收，比 Map 更适合此处场景
支持常见内置类型
除普通对象和数组外，应合理处理 Date、RegExp、Map、Set、TypedArray 等。它们不能用 JSON.parse(JSON.stringify()) 处理（会丢失类型、方法、循环引用）。
立即学习“Java免费学习笔记（深入）”；
-
Date→new Date(obj.getTime()) -
RegExp→new RegExp(obj.source, obj.flags) -
Map→ 新建 Map，递归拷贝键值对 -
Set→ 新建 Set，递归拷贝每个元素 -
TypedArray（如 Uint8Array）→ 使用构造函数 +slice()或from()
完整递归实现示例
以下为兼顾健壮性与可读性的手写版本（不含 Proxy、structuredClone 等现代 API）：
function deepClone(obj, hash = new WeakMap()) {
// 原始类型、null、函数、undefined 直接返回
if (obj === null || typeof obj !== 'object') return obj;
if (typeof obj === 'function') return obj; // 通常不拷贝函数，也可考虑 bind 或重定义
// 循环引用检测
if (hash.has(obj)) return hash.get(obj);
// 判断具体类型并初始化拷贝目标
const tag = Object.prototype.toString.call(obj);
let clone;
switch (tag) {
case '[object Date]':
clone = new Date(obj.getTime());
break;
case '[object RegExp]':
clone = new RegExp(obj.source, obj.flags);
break;
case '[object Array]':
clone = [];
break;
case '[object Map]':
clone = new Map();
break;
case '[object Set]':
clone = new Set();
break;
case '[object ArrayBuffer]':
clone = obj.slice ? obj.slice() : obj;
break;
default:
clone = {};
}
// 记录映射，防止循环
hash.set(obj, clone);
// 递归拷贝属性（数组用索引，对象用 key）
if (Array.isArray(obj)) {
obj.forEach((item, i) => {
clone[i] = deepClone(item, hash);
});
} else if (obj instanceof Map) {
obj.forEach((value, key) => {
clone.set(deepClone(key, hash), deepClone(value, hash));
});
} else if (obj instanceof Set) {
obj.forEach(item => {
clone.add(deepClone(item, hash));
});
} else {
for (const key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
clone[key] = deepClone(obj[key], hash);
}
}
}
return clone;
}
这个实现覆盖了日常开发中绝大多数场景，不依赖外部库，逻辑清晰，也便于按需扩展（比如增加 Blob、URL、Error 类型支持）。注意它不拷贝不可枚举属性、原型链、Symbol 键（如需 Symbol，可用 Reflect.ownKeys() 替代 for...in），但已满足多数业务需求。
文章来自机圈观察员网，发布者：，转载请注明出处：https://www.jqgcy.com/xitongjiaocheng/123545.html
