UD5工具箱
什么是 structuredClone？它与传统的 JSON 深拷贝有什么区别？
structuredClone() 是 JavaScript 原生提供的深度克隆方法，基于结构化克隆算法实现。它能够完整复制复杂对象，包括嵌套结构、Date、RegExp、Map、Set、ArrayBuffer、循环引用等，且不会共享引用。相比之下，JSON.parse(JSON.stringify()) 方法会丢失多种数据类型的信息：Date 对象会被转换为字符串、RegExp 会变为空对象 {}、Map 和 Set 会变为空对象 {}、undefined 属性会被删除、循环引用会直接报错。structuredClone 在类型支持、数据完整性和执行效率方面都明显优于 JSON 方法，且无需引入第三方依赖。
structuredClone 支持哪些数据类型？哪些类型不支持？
structuredClone 支持的数据类型包括：Object、Array、String、Number、Boolean、null、undefined、Date、RegExp、Map、Set、ArrayBuffer、TypedArray（如 Int8Array、Uint8Array 等）、Blob、File、ImageData、DataView 以及循环引用结构。不支持的数据类型包括：Function（函数）、Symbol（符号）、WeakMap、WeakSet、DOM 节点（如 document 元素）、Error 对象的 stack 属性以及 Proxy 对象。在使用本工具的 JSON 编辑器时，由于 JSON 格式本身的限制，Function 和 Symbol 等类型也无法直接输入，这与 structuredClone 的限制是一致的。
structuredClone 如何处理循环引用？
structuredClone 原生支持循环引用的处理。它内部维护一个已访问对象的映射表，在克隆过程中，每当遇到一个对象引用时，会先检查该引用是否已经被处理过。如果已经处理过，直接复用之前创建的克隆结果，而不是重新克隆，从而避免了无限递归。这使得 structuredClone 能够完美保留原始对象中的循环引用结构。例如，如果对象 A 的子属性引用了对象 B，而对象 B 的子属性又引用了对象 A，克隆后的对象将保持相同的循环结构。本工具的"循环引用"预设用例可以直观地验证这一能力。
structuredClone 会克隆原型链吗？
不会。structuredClone 只克隆对象自身的可枚举属性，不保留原型链信息。克隆后的对象是一个普通对象（plain Object），其原型指向 Object.prototype。这意味着如果原始对象是一个自定义类的实例，克隆后的对象将失去类的构造函数和原型方法。例如，如果原始对象有一个 sayHello 方法定义在原型上，克隆后的对象将没有这个方法。如果需要保留原型链信息，需要在克隆后手动将原型重新关联到正确的构造函数上。这是使用 structuredClone 时需要注意的一个重要特性。
什么是 Transfer 参数？它与普通克隆有什么区别？
structuredClone(obj, { transfer: [buffer] }) 中的 transfer 列表用于将 ArrayBuffer 等可转移对象的所有权进行"转移"而非"复制"。转移操作的核心区别在于：普通克隆会创建数据的完整副本，原始数据保持不变；而转移操作会将数据的所有权从原始对象转移到克隆对象，原始对象中的该 buffer 会被清空（字节长度变为 0），克隆对象获得完整的数据。这种方式在处理大型二进制数据（如图像、音视频数据）时可以避免内存复制开销，显著提升性能。本工具的"使用 Transfer 高级"功能可以让您直观地对比转移前后的数据变化。
structuredClone 的浏览器兼容性如何？
structuredClone 在现代浏览器中已获得广泛支持：Chrome 98+（2022年2月）、Firefox 94+（2021年11月）、Safari 15.4+（2022年3月）、Edge 98+（2022年2月）。Node.js 17.0+ 也原生支持 structuredClone。对于需要支持旧版浏览器的项目，可以使用 core-js polyfill 提供兼容性支持，或者使用 lodash 的 _.cloneDeep() 方法作为替代方案。在评估是否可以使用 structuredClone 替代现有深拷贝方案时，建议先确认项目的目标浏览器兼容范围。
什么时候应该使用 structuredClone？有哪些最佳实践？
建议在以下场景使用 structuredClone：需要完全独立的对象副本时；深拷贝包含 Date、Map、Set 等特殊类型的复杂配置对象时；处理具有循环引用的数据结构时；在 Web Worker 之间传递数据时；需要高效转移 ArrayBuffer 所有权时。最佳实践包括：首先确认需要克隆的数据类型是否都在 structuredClone 的支持范围内；对于包含 Function 或 Symbol 的对象，需要额外处理这些不支持的类型；对于大型对象，可以结合 Transfer 参数优化性能；克隆后的对象丢失原型链信息，如需保留需手动恢复。
如何使用本工具验证 structuredClone 的克隆效果？
使用本工具验证克隆效果的步骤如下：第一步，从预设用例中选择一个测试场景，或在 JSON 编辑器中输入自定义数据；第二步，点击"应用 JSON"将数据加载为待克隆对象；第三步，点击"执行深度克隆"执行克隆操作；第四步，在右侧对比区域查看原始对象和克隆对象的内容是否一致；第五步，使用深度独立性验证功能，通过修改原始对象的某个属性来确认克隆对象不受影响；第六步，查看统计信息中的独立性验证结果和克隆耗时数据。通过这一完整流程，您可以全面验证 structuredClone 的克隆质量和性能表现。