再见 `JSON.stringify()` 和 `{...obj}`，你好 `structuredClone()`！
内容提要
structuredClone()是一个全局函数，可以在2022年引入，用于深度克隆JavaScript对象。与JSON.stringify()和JSON.parse()等传统方法不同，structuredClone()可以轻松处理复杂结构和循环引用。它是一个强大的工具，可以创建真正的深度克隆，无需额外的逻辑或解决方案。此外，它在现代环境中可用，包括Web Workers。structuredClone()可以处理循环引用、函数和undefined值，效率高于JSON.stringify() + JSON.parse()。
延伸解读
浅拷贝与深拷贝的本质区别
文章通过示例清晰展示了浅拷贝和深拷贝的差异。使用扩展运算符{...obj}创建的是浅拷贝，嵌套对象仍共享引用，修改拷贝会影响原对象。而JSON.parse(JSON.stringify(obj))和structuredClone()创建的是深拷贝，嵌套对象被完全复制，修改拷贝不会影响原对象。理解这一区别对于避免意外的数据污染至关重要。
循环引用：传统方法的痛点
当对象存在循环引用时，扩展运算符和JSON方法都会抛出错误。例如，对象自引用会导致JSON.stringify()失败。structuredClone()则能无缝处理循环引用，正确克隆整个结构，且保持循环关系。这使得structuredClone()在处理复杂对象图时更加可靠。
函数与undefined的处理差异
JSON.stringify()会丢失函数和undefined值，而structuredClone()虽然也不克隆函数，但会保留undefined值。扩展运算符能浅拷贝函数和undefined，但仅限第一层。因此，在需要保留undefined或处理包含函数的对象时，structuredClone()比JSON方法更可靠，但需注意函数仍无法被克隆。
性能与适用场景
对于大型复杂数据，structuredClone()通常比JSON.stringify() + JSON.parse()更快，因为它避免了序列化和反序列化的开销。此外，structuredClone()在现代环境（包括Web Workers）中可用，无需额外依赖。然而，它不支持克隆函数、DOM节点等，因此并非所有场景都适用。
Q&A
structuredClone()是什么？
structuredClone()是一个在2022年引入的全局函数，用于深度克隆JavaScript对象。
structuredClone()与JSON.stringify()有什么区别？
structuredClone()能够处理复杂结构和循环引用，而JSON.stringify()在这些情况下会出错。
使用structuredClone()有什么优势？
它可以创建真正的深度克隆，处理循环引用、函数和undefined值，且效率高于传统方法。
structuredClone()如何处理循环引用？
structuredClone()能够无错误地处理循环引用，创建正确的深拷贝。
structuredClone()在性能上表现如何？
对于大型复杂数据，structuredClone()通常比JSON.stringify() + JSON.parse()更快。
使用扩展运算符({...obj})有什么限制？
扩展运算符只能创建浅拷贝，修改浅拷贝会影响原对象。
