structuredClone如何实现JavaScript对象的深拷贝？

本文共计871个文字，预计阅读时间需要4分钟。

目录+正文+浅拷贝与深拷贝+使用+structuredClone+进行深拷贝+正文+对于深拷贝，最常见的方法是使用+JSON.parse() + JSON.stringify() +，还有一个辅助第三方脚本库+lodash+，其中方法为+JSON.parse() + JSON.stringify() +。

目录

• 正文
• 浅拷贝与深拷贝
• 使用 structuredClone 进行深拷贝

正文

对于深拷贝，最容易也应该是常见的方法是使用 JSON.parse() + JSON.stringify() ，还有一个借助第三方脚本库 lodash ，其中方法 cloneDeep 可以实现深拷贝。现在可以使用原生的 structuredClone() 方法。

浅拷贝与深拷贝

首先，先来了解一下浅拷贝和深拷贝的区别：

• 浅拷贝：就是只拷贝对象的第一层。引用了更深层次的内容。可以使用扩展运算符 ... 或使用 Object.assign() 在 JavaScript 中实现浅拷贝。
• 深拷贝：是指对象的所有层次都被复制。这是对象的真实副本。