在JavaScript 开发中,很多场景会遇到,引用类型的深度克隆。在 ES5 时,大部分开发者都用使用以下语句进行深度克隆。
JSON.parse(JSON.stringify())
通过 JSON 进行转化,但是这种方式有局限性,对于包含循环引用或不符合 JSON 的数据类型(如 Map 和 Set,Blob 等 ) 的更复杂对象时,是有很多不足之处的。或者通过第三方插件库,如 lodash.js 等。
而现在,JavaScript 内置了一个 structuredClone() 的方法, 此方法提供了一种简单有效的方法来深度克隆对象, 且适用于大多数现代浏览器和 Node.js v17 以上。
let obj = {a: {}, b: {}};
let obj1 = structuredClone(obj);
obj1.a == obj.a; // false
tructuredClone() 允许您克隆循环引用,这是目前在 JavaScript 中使用深拷贝最简单的方法。