什么是javascript的深拷贝与浅拷贝_如何实现一个可靠的深拷贝函数？

浅拷贝只复制第一层引用，深拷贝递归复制所有层级；JSON.stringify+parse不可靠，会丢失函数、undefined等；手写需用WeakMap处理循环引用并区分特殊类型；生产环境推荐structuredClone或_.cloneDeep。

浅拷贝只复制引用，深拷贝复制值本身

JavaScript 中对象和数组是引用类型，赋值时默认只拷贝内存地址。浅拷贝（如 Object.assign()、[...arr]、Array.from()）只复制第一层属性，嵌套对象仍共享引用；深拷贝则递归复制所有层级，新旧对象完全隔离。

JSON.stringify + JSON.parse 不能用于可靠深拷贝

这是最常见误用：它会丢弃 undefined、function、Symbol、Date、RegExp、Map、Set 和循环引用，且对 NaN、Infinity、-0 序列化结果异常。

const obj = { a: 1, b: () => {}, c: new Date(), d: undefined };
console.log(JSON.parse(JSON.stringify(obj))); // { a: 1, c: "2025-01-01T00:00:00.000Z" } —— b 和 d 消失了

手写深拷贝需处理循环引用与特殊类型

可靠实现必须用 WeakMap 记录已拷贝的对象引用，避免无限递归；同时显式判断 Date、RegExp、Map、Set、Array、null 和普通对象。

• typeof obj === 'object' 且 obj !== null 是基本判断入口
• 先查 WeakMap.has(obj)，命中则直接返回缓存值
• obj instanceof Date → new Date(obj.getTime())
• obj instanceof RegExp → new RegExp(obj)（保留 flags）
• obj.constructor === Array 或 Array.isArray(obj) → 用 map 递归拷贝元素
• 普通对象用 Object.keys(obj).reduce(...) 遍历并递归拷贝每个 value

生产环境建议用成熟库而非手写

手写易漏边界（如 BigInt、ArrayBuffer、TypedArray、Error 实例），Lodash 的 _.cloneDeep() 已覆盖绝大多数场景；若需零依赖，可选用 structuredClone()（现代浏览器和 Node.js 17+ 支持），但它不支持函数和 undefined。

try {
  const copied = structuredClone(original);
} catch (err) {
  // TypeError: Cannot structuredClone object containing a function
}

真正需要自定义逻辑时，才值得投入精力处理那些冷门类型——多数业务代码里，structuredClone 或 _.cloneDeep 已足够，过早优化反而增加维护成本。