JavaScript 深拷贝和浅拷贝有什么区别？structuredClone 能替代 JSON 拷贝吗？

JavaScript 深拷贝和浅拷贝有什么区别structuredClone 能替代 JSON 拷贝吗浅拷贝会创建新的外层对象但里面的嵌套对象通常还是原来的引用。因此修改副本的嵌套数据可能影响原对象。深拷贝会继续复制内部可复制的数据让副本和原对象分开。不过不同方法能处理的类型不同不能把深拷贝理解成所有对象都能原样复制。JSON 往返适合本来就属于 JSON 数据的数据结构。Date、undefined、函数、BigInt 和循环引用都需要额外注意。structuredClone 支持更多结构化数据也能处理循环引用但不能复制函数、DOM 节点等对象。实际项目里表单草稿可以复制数据数据库连接、事件监听或带行为的实例通常应该重新创建或保留明确引用。Python 可以使用 copy.copy 和 copy.deepcopy但它们的对象规则与 JavaScript 的 structuredClone 不相同。外层对象变了里面的数据为什么还连在一起先给表单草稿找一个清楚的例子假设页面允许修改用户资料原数据里有 profile.address.city。咱们希望编辑草稿时原数据先保持不变点击保存后再提交。如果只写 draft {…profile}外层确实是新对象但 draft.address 与 profile.address 仍然指向同一个地址对象。修改 draft.address.city原数据也跟着变。所以判断是否复制成功不能只检查 draft ! profile。还要检查需要隔离的嵌套引用以及修改后的实际结果。用两种语言看外层复制和内部复制下面只使用普通嵌套数据表达相同的隔离目标。JavaScript 用 structuredClonePython 用 deepcopy两者并不承诺支持完全相同的对象类型。TypeScriptconstoriginal{address:{city:Hangzhou}};constshallow{...original};constdeepstructuredClone(original);shallow.address.cityShanghai;console.log(original.address.city);// Shanghaideep.address.cityBeijing;console.log(original.address.city);// ShanghaiPythonfromcopyimportcopy,deepcopy original{address:{city:Hangzhou}}shallowcopy(original)deepdeepcopy(original)shallow[address][city]Shanghaiprint(original[address][city])# Shanghaideep[address][city]Beijingprint(original[address][city])# Shanghai第一次修改经过共享引用第二次修改发生在隔离后的地址对象上。这里用结果确认了区别。JSON 复制为什么不适合作为通用工具JSON 只能表达它支持的那套数据。日期可能变成字符串对象属性中的 undefined 和函数可能被省略数组中部分不支持的值会变成 null。BigInt 和循环引用还可能直接导致序列化失败。这不代表 JSON 不好。假设服务端返回的就是已经定义好的 JSON 结构复制或传输这种结构可以很直接。但如果咱们要复制的是页面状态、类实例或者工具对象先通过 JSON 改写一遍数据含义再声称复制成功就容易把问题藏起来。循环引用和共享关系也需要保留假设对象 a 的 self 指向 a 自己。正确的副本 b其 self 应当指向 b而不是原对象 a。还有一种更容易漏掉的情况original.left 与 original.right 原本指向同一个对象。结构化复制可以在副本内部保留这个共享关系同时与原对象分开。递归函数如果每次都盲目复制很可能无限循环或者把原来同一个对象复制成两个不相关对象。通常需要记录“这个源对象已经对应哪个副本”。Python deepcopy 也通过 memo 处理相应关系用户定义类还可能自定义复制行为。对于资源句柄和带行为的对象先判断是否应该复制比把递归写得更深更重要。本题机制参考MDN structuredClone、Python copy。面试官继续追问structuredClone 会完整保留自定义类实例吗不能这样承诺。自定义原型、属性描述符等信息不按任意对象原样保留需要对象的行为时应按该类的规则重新构建或提供明确的复制方法。深拷贝越彻底越安全吗也不一定。大对象复制会增加时间和内存原本应该共享的配置或资源也可能被误拆开。不可变更新可以只复制发生变化的路径。transfer 和 clone 有什么不同可转移对象可以移交底层资源原资源会失去相应可用性。它是所有权转移不是多保存一份不能当成普通复制随便打开。面试速记卡浅拷贝外层新对象嵌套引用可能继续共享。深拷贝需要隔离内部数据也要保留副本内部的关系。JSON适合 JSON 数据不能通用复制对象。structuredClone支持更多数据与循环引用仍有类型限制。验收检查身份与实际修改结果不只比较外层对象。我是程序员Sunday。本文收录于 sunday面试指南原文与配图可继续阅读。