浅拷贝只复制第一层引用,深拷贝递归复制所有层级;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: "2024-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。
立即学习“Java免费学习笔记(深入)”;
try {
const copied = structuredClone(original);
} catch (err) {
// TypeError: Cannot structuredClone object containing a function
}
真正需要自定义逻辑时,才值得投入精力处理那些冷门类型——多数业务代码里,structuredClone 或 _.cloneDeep 已足够,过早优化反而增加维护成本。











