JS实现深拷贝的几种方式与性能对比

深拷贝是JavaScript中处理对象、数组等引用类型数据时的核心操作，核心目标是生成一个与原数据完全隔离的新数据副本，避免修改副本时影响原始数据。不同的深拷贝实现方式有着不同的适用场景和性能表现，开发者需要根据实际需求选择合理的方案。

常见的JS深拷贝实现方式

1. 递归遍历实现深拷贝

递归遍历是最基础也最灵活的深拷贝实现方式，核心思路是遍历原对象的所有属性，判断属性值的类型，如果是基本类型直接赋值，如果是引用类型则递归处理，同时需要特殊处理数组、Date、RegExp等特殊对象类型。

function deepClone(obj, map = new WeakMap()) {
  // 处理基本类型和null
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  // 处理循环引用
  if (map.has(obj)) {
    return map.get(obj);
  }
  // 处理特殊对象类型
  if (obj instanceof Date) {
    return new Date(obj);
  }
  if (obj instanceof RegExp) {
    return new RegExp(obj);
  }
  // 初始化结果对象，保持原对象的原型链
  const cloneObj = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj));
  // 存入map防止循环引用
  map.set(obj, cloneObj);
  // 遍历自身可枚举属性
  Object.keys(obj).forEach(key => {
    cloneObj[key] = deepClone(obj[key], map);
  });
  return cloneObj;
}

2. JSON序列化反序列化实现深拷贝

这种方式实现非常简单，核心是利用JSON.stringify将对象转为JSON字符串，再用JSON.parse将字符串转回对象，从而实现深拷贝。但该方式存在很多局限性，比如无法处理函数、undefined、Symbol等类型，也无法处理循环引用，Date对象会被转为字符串，RegExp对象会转为空对象。

function jsonDeepClone(obj) {
  try {
    return JSON.parse(JSON.stringify(obj));
  } catch (e) {
    console.error('JSON深拷贝失败', e);
    return null;
  }
}

3. 使用第三方库实现深拷贝

实际开发中很多场景会直接使用成熟的第三方库提供的深拷贝方法，比如lodash的cloneDeep方法，该方法已经处理了各种边界情况，兼容性和稳定性都更好，不需要开发者自己处理复杂的类型判断和循环引用问题。

// 需要先引入lodash库
// import _ from 'lodash';
const obj = { a: 1, b: { c: 2 }, d: new Date() };
const cloneObj = _.cloneDeep(obj);

不同深拷贝方式的性能对比

为了对比不同深拷贝方式的性能，我们构造不同规模的对象数据，分别测试三种方式的执行耗时，测试环境为Chrome浏览器最新稳定版，每次测试重复1000次取平均值。

测试代码

// 构造测试数据，生成指定深度的嵌套对象
function createTestObj(depth) {
  let obj = {};
  let current = obj;
  for (let i = 0; i < depth; i++) {
    current.child = { value: i };
    current = current.child;
  }
  return obj;
}

// 性能测试函数
function performanceTest(cloneFn, obj, times = 1000) {
  const start = performance.now();
  for (let i = 0; i < times; i++) {
    cloneFn(obj);
  }
  const end = performance.now();
  return (end - start).toFixed(2);
}

// 构造不同规模的测试数据
const smallObj = createTestObj(5); // 小对象，嵌套5层
const mediumObj = createTestObj(20); // 中等对象，嵌套20层
const largeObj = createTestObj(50); // 大对象，嵌套50层

// 测试递归深拷贝
console.log('递归深拷贝小对象耗时:', performanceTest(deepClone, smallObj), 'ms');
console.log('递归深拷贝中等对象耗时:', performanceTest(deepClone, mediumObj), 'ms');
console.log('递归深拷贝大对象耗时:', performanceTest(deepClone, largeObj), 'ms');

// 测试JSON深拷贝
console.log('JSON深拷贝小对象耗时:', performanceTest(jsonDeepClone, smallObj), 'ms');
console.log('JSON深拷贝中等对象耗时:', performanceTest(jsonDeepClone, mediumObj), 'ms');
console.log('JSON深拷贝大对象耗时:', performanceTest(jsonDeepClone, largeObj), 'ms');

// 测试lodash深拷贝
console.log('lodash深拷贝小对象耗时:', performanceTest(_.cloneDeep, smallObj), 'ms');
console.log('lodash深拷贝中等对象耗时:', performanceTest(_.cloneDeep, mediumObj), 'ms');
console.log('lodash深拷贝大对象耗时:', performanceTest(_.cloneDeep, largeObj), 'ms');

测试结果对比

以下是多次测试后的平均耗时数据：

总结与选型建议

从测试结果可以看出，JSON深拷贝在性能上表现最优，但局限性也最多，只适合处理纯JSON格式的数据，不包含函数、undefined、循环引用等特殊内容。递归深拷贝的性能略低于JSON深拷贝，但灵活性更高，可以根据需求扩展支持更多特殊类型。lodash的深拷贝方法性能相对最差，但兼容性和稳定性最好，不需要开发者处理各种边界情况，适合对可靠性要求高的生产环境。

实际选型时，如果数据符合JSON格式要求，优先选择JSON深拷贝；如果需要处理复杂数据类型且没有引入第三方库，可以实现递归深拷贝并根据需求扩展；如果项目已经引入了lodash等工具库，直接使用成熟的深拷贝方法是最稳妥的选择。

deep_copyJavaScript递归JSON性能对比修改时间：2026-06-28 20:15:18