深拷贝无法安全处理 Window、Document 等 DOM 元素，因其存在循环引用、不可序列化属性及语义不可克隆性；应提前检测并拦截，改用 cloneNode、outerHTML 或提取结构化数据等替代方案。
深拷贝遇到 Window、Document 或其他 DOM 元素时，并不是“死循环”，而是直接抛出错误或进入不可控状态——因为这些对象天然包含大量循环引用（如 window.window === window、document.documentElement.ownerDocument === document），且内部含有不可序列化、不可遍历或受保护的属性。标准深拷贝方法（包括 structuredClone、JSON.stringify、手写递归）均无法安全处理它们。
DOM 元素本身就不该被深拷贝
这不是实现问题，而是语义问题：
• Window 和 Document 是单例宿主环境对象，克隆无意义；
• DOM 节点（Element、Text 等）有复杂内部状态（布局、事件绑定、样式树），无法通过 JS 层面复制；
• 它们多数属性是 getter-only、不可枚举、或返回新对象（如 element.style 每次访问都新建实例），强行遍历会触发副作用或无限链。
识别并提前拦截 DOM 类型对象
在进入拷贝逻辑前，用类型检测快速排除：
- 检查是否为 DOM 接口实例：
obj instanceof Window、obj instanceof Document、obj instanceof HTMLElement、obj.nodeType === Node.DOCUMENT_NODE - 检查全局对象特征：
obj?.self === obj（window）、obj?.document === obj（window）、obj?.ownerDocument != null（DOM 节点） - 对疑似对象，优先调用
typeof obj和Object.prototype.toString.call(obj)辅助判断
按需选择替代策略
不拷贝，而是提取你需要的部分：
-
只取结构化数据：如从表单元素读
element.value、element.dataset、element.getAttribute('data-xxx')，而非拷贝整个 element -
序列化为 HTML 字符串：对纯内容节点可用
element.outerHTML，再用DOMParser解析重建（注意丢失事件和动态状态） -
克隆节点本身（非深拷贝）：调用
element.cloneNode(true)—— 这是浏览器原生支持的安全克隆，仅复制 DOM 树，不尝试复制 JS 属性或闭包 -
显式跳过或报错提示：在通用深拷贝函数中，检测到 DOM 对象时返回
undefined、抛出自定义错误（如new Error('Cannot deep clone DOM element')），避免静默失败
避免误入 DOM 引用链
很多“栈溢出”实际源于业务对象意外持有 DOM 引用（例如 Vue 组件实例的 $el、React ref 的 current、自定义类中的 this.container = document.getElementById(...)）。建议：
- 深拷贝前先做数据净化：过滤掉所有含
nodeType、ownerDocument、addEventListener等 DOM 特征的字段 - 使用 WeakMap 缓存时，确保不把 DOM 元素作为 key（虽不会崩溃，但违背 WeakMap 设计初衷）
- 状态管理中，约定“纯数据层”与“视图层”分离，禁止将 DOM 实例混入需要序列化的 state
