structuredClone() 是 JavaScript 的原生全局函数，用于执行深拷贝（deep clone）操作。它基于浏览器的结构化克隆算法，最初为 Web Workers 的消息传递设计，现已公开为通用 API。

相比于 JSON.parse(JSON.stringify())，它能处理更多数据类型（如 Date、Map、Set、RegExp、ArrayBuffer、循环引用等），是现代前端开发中推荐的深拷贝方案。

核心区别：

• 类型支持：structuredClone 支持 Date、Map、Set、RegExp、ArrayBuffer、Blob 等；JSON 仅支持基本类型、对象和数组。
• 循环引用：structuredClone 能正确处理循环引用；JSON.stringify 会抛出 TypeError。
• undefined：structuredClone 保留 undefined 值；JSON 会移除 undefined 属性。
• 函数/Symbol：两者均不支持，structuredClone 抛出 DataCloneError。
• 性能：对于大型对象，structuredClone 通常更快，因为它使用原生二进制序列化。

简单来说：structuredClone 是更强大、更可靠的深拷贝方案。

完全支持：

• 基本类型：String、Number、Boolean、null、undefined、BigInt
• 对象和数组（包括嵌套、稀疏数组）
• Date、RegExp
• Map、Set
• ArrayBuffer、TypedArray（Uint8Array 等）
• Blob、File、FileList
• ImageData、ImageBitmap
• 循环引用结构

不支持：Function、Symbol、DOM 节点、WeakMap、WeakSet、Proxy、Error 对象的 stack 属性等。

查看上方对照表获取完整列表。

函数（Function）包含可执行代码和闭包上下文，无法被安全地序列化和反序列化。结构化克隆算法在底层使用二进制序列化，无法捕获函数的执行逻辑和词法环境。

如果需要传递行为，建议使用策略模式、配置对象或消息传递来替代直接克隆函数。如果确实需要深拷贝包含函数的对象，可以结合使用 structuredClone 和手动赋值函数属性。

可以！这是 structuredClone 相比 JSON 序列化的一个重要优势。结构化克隆算法内部维护了一个对象映射表，能够检测并正确处理循环引用，而不会陷入无限递归。

在上方演示中选择"循环引用"预设，即可直观看到 structuredClone 成功处理自引用对象，而 JSON 序列化会直接报错。

structuredClone() 在现代浏览器中得到广泛支持：

• Chrome 98+（2022年2月）
• Firefox 94+（2021年11月）
• Safari 15.4+（2022年3月）
• Edge 98+
• Node.js 17+（使用 --experimental-global-structured-clone 标志），Node.js 18+ 默认支持

对于旧浏览器，可以使用 polyfill 或回退到 JSON.parse(JSON.stringify())（注意局限性）。

• 原型链不会被保留：克隆后的对象是纯对象，原型链信息会丢失，只保留可枚举属性。
• 只克隆可枚举属性：不可枚举属性、Symbol 键属性、getter/setter 不会被克隆。
• RegExp 的 lastIndex：克隆后 lastIndex 会被重置为 0。
• Error 对象：仅克隆可枚举属性（如 message），stack 可能不完整。
• Transferable 对象：可以通过第二个参数转移（而非复制）ArrayBuffer 等可转移对象的所有权。

建议在使用前先测试目标对象是否包含不支持的类型，做好错误处理。