UD5工具箱
三种拷贝方式实时对比
工具同时展示 structuredClone、JSON.parse(JSON.stringify()) 和展开运算符三种方式的拷贝结果。用户可以在同一界面下直观对比三者的差异，快速判断在特定场景下哪种方式最为合适。每种方式的输出结果都以格式化的树形结构展示，属性层级关系一目了然。
循环引用检测与展示
循环引用是深拷贝中最棘手的问题之一。展开运算符会抛出错误，JSON 方式会抛出 "Converting circular structure to JSON" 异常，而 structuredClone 能够正确处理。本工具专门设置了循环引用测试用例，直观展示三种方式在面对循环引用时的不同行为，帮助开发者理解 structuredClone 的核心优势。
特殊数据类型支持
工具内置了对 Date、RegExp、Map、Set、undefined、Function、Symbol 等特殊类型的测试。每种类型在三种拷贝方式下的表现都有详细展示。例如 Date 对象在 JSON 方式下会被序列化为字符串，而 structuredClone 则保持 Date 类型不变。
自定义对象编辑
用户可以通过内置的 JSON 编辑器输入自定义对象结构，工具会实时解析并展示三种拷贝方式的执行结果。编辑器支持语法高亮和错误提示，确保输入的 JSON 格式正确。自定义对象支持嵌套结构，最多可达十层深度。
多预设场景切换
工具提供了五个预设测试场景，涵盖简单对象、嵌套对象、循环引用、特殊类型和混合类型等常见用例。用户可以通过顶部的选项卡快速切换不同场景，无需手动构造测试数据。每个预设场景都附有简要说明，解释该场景的测试目的和预期结果。
差异高亮标记
当三种拷贝方式产生不同结果时，工具会自动检测并以高亮颜色标记差异项。红色表示属性丢失，橙色表示类型变化，绿色表示拷贝正确。这种直观的视觉反馈大大降低了开发者对比分析的心智负担，使关键差异一目了然。
性能基准测试
除了功能对比外，工具还提供了简单的性能基准测试。针对当前输入的对象结构，分别执行三种拷贝方式各一千次并记录总耗时，以柱状图的形式展示性能对比结果。这有助于开发者在大规模数据处理场景下做出更合理的技术选型。