在软件开发的日常工作中，数据拷贝是一个看似简单却暗藏陷阱的基础操作。无论是处理复杂对象、传递状态，还是实现不可变数据流，深浅拷贝的选择都直接影响程序的正确性与性能。本文将从底层原理出发，梳理浅拷贝与深拷贝的本质区别，并介绍五种主流实现方式，帮助开发者避免“引用灾难”。

一、原理拆解：引用 vs 值

理解深浅拷贝的前提是搞清 JavaScript（及其他语言）中“引用类型”与“原始类型”的存储差异。原始类型（如数字、字符串）直接存储值，赋值即复制；而对象、数组等引用类型存储的是内存地址，普通赋值仅复制引用，导致多个变量指向同一份数据。浅拷贝只复制对象的第一层属性，若属性本身是引用类型，则仍共享内部数据。深拷贝则递归复制所有层级，生成完全独立的对象。

二、五种实现方式实战对比

1. 扩展运算符与 Object.assign()（浅拷贝）

最简洁的浅拷贝方法。const newObj = { ...original } 或 Object.assign({}, original) 可复制第一层属性，但嵌套对象仍为引用。适用于无嵌套的简单对象，如配置对象或状态快照。

2. JSON.parse(JSON.stringify(obj))（深拷贝陷阱）

利用 JSON 序列化实现深拷贝，能处理嵌套对象，但存在致命缺陷：无法拷贝函数、undefined、Symbol、正则表达式和特殊对象（如 Map、Set），且循环引用会抛出错误。适合纯数据对象（如 API 返回的 JSON）的快速拷贝。

3. 递归手动实现（通用深拷贝）

最可靠的方案：遍历对象属性，若属性为对象则递归调用。需考虑边界情况（数组、null、Date、RegExp 等）。核心逻辑如下：

function deepClone(obj, hash = new WeakMap()) {
  if (obj === null || typeof obj !== 'object') return obj;
  if (hash.has(obj)) return hash.get(obj); // 解决循环引用
  const clone = Array.isArray(obj) ? [] : {};
  hash.set(obj, clone);
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) clone[key] = deepClone(obj[key], hash);
  }
  return clone;
}

该方案可定制性强，但需自行处理各种类型，代码量稍大。

4. 库函数：lodash 的 _.cloneDeep

一线项目中首选方案。lodash 经过严格测试，支持绝大多数数据类型（包括 Map、Set、Buffer 等），且性能优化良好。仅需一行：const newObj = _.cloneDeep(original)。社区成熟，文档完善，适合生产环境。

5. structuredClone()（现代浏览器原生 API）

2022 年起主流浏览器支持的原生深拷贝方法，可处理循环引用、Date、Blob、File 等，且性能优于 JSON 方案。用法：const newObj = structuredClone(original)。但无法拷贝函数和 DOM 节点，且部分旧环境需要 polyfill。

三、场景选择与避坑建议

  • 轻量浅拷贝：对象无嵌套时，扩展运算符最高效。
  • 快速深拷贝：纯数据且无函数/循环引用时，JSON 方案足够。
  • 生产级深拷贝：优先选 lodash 或 structuredClone，避免手写递归出错。
  • 特殊需求：若需拷贝函数或自定义类实例，必须手写递归并处理原型链。

四、未来趋势

随着 Web 平台标准化，structuredClone 正逐步取代第三方库在深拷贝领域的地位。但在 Node.js 和复杂企业级应用中，lodash 依然是最保险的选择。开发者应根据项目运行环境和性能测试结果灵活选用。

深浅拷贝虽是小知识点，却折射出编程语言内存管理的核心思想。掌握其原理与实现，能让代码更健壮、更可预测。下一次调试时，不妨先问自己一句：“这个对象，我真的拷贝完整了吗？”