JavaScript 深度克隆

LNNY~2024-03-13 12:43

在JavaScript 开发中，很多场景会遇到，引用类型的深度克隆。在 ES5 时，大部分开发者都用使用以下语句进行深度克隆。

js 复制代码

JSON.parse(JSON.stringify())

通过 JSON 进行转化，但是这中方式有局限性，对于包含循环引用或不符合 JSON 的数据类型（如 Map 和 Set，Blob 等）的更复杂对象时，是有很多不足之处的。或者通过第三方插件库，如 lodash.js 等。

而现在，JavaScript 内置了一个 structuredClone() 的方法，此方法提供了一种简单有效的方法来深度克隆对象，且适用于大多数现代浏览器和 Node.js v17 以上。

js 复制代码

let  obj = {a: {}, b: {}};
let obj1 = structuredClone(obj);
obj1.a == obj.a; // false

tructuredClone() 允许您克隆循环引用，这是目前在 JavaScript 中使用深拷贝最简单的方法。