JavaScript 深度克隆

在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 中使用深拷贝最简单的方法。

相关推荐
codingandsleeping18 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
白水清风19 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
用户221520442780019 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端19 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧19 小时前
Promise 的使用
前端·javascript
前端康师傅20 小时前
JavaScript 作用域
前端·javascript
云枫晖21 小时前
JS核心知识-事件循环
前端·javascript
eason_fan21 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript
前端付豪1 天前
1、震惊!99% 前端都没搞懂的 JavaScript 类型细节
前端·javascript·面试
朝与暮1 天前
js符号(Symbol)
前端·javascript