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

相关推荐
小莞尔2 分钟前
【51单片机】【protues仿真】 基于51单片机八路抢答器系统
c语言·开发语言·单片机·嵌入式硬件·51单片机
小桥风满袖14 分钟前
极简三分钟ES6 - ES8中字符串扩展
前端·javascript
少年阿闯~~18 分钟前
CSS3的新特性
前端·javascript·css3
我是菜鸟0713号23 分钟前
Qt 中 OPC UA 通讯实战
开发语言·qt
JCBP_25 分钟前
QT(4)
开发语言·汇编·c++·qt·算法
Brookty29 分钟前
【JavaEE】线程安全-内存可见性、指令全排序
java·开发语言·后端·java-ee·线程安全·内存可见性·指令重排序
百锦再43 分钟前
[特殊字符] Python在CentOS系统执行深度指南
开发语言·python·plotly·django·centos·virtualenv·pygame
Anson Jiang43 分钟前
浏览器标签页管理:使用chrome.tabs API实现新建、切换、抓取内容——Chrome插件开发从入门到精通系列教程06
开发语言·前端·javascript·chrome·ecmascript·chrome devtools·chrome插件
掘金安东尼1 小时前
黑客劫持:周下载量超20+亿的NPM包被攻击
前端·javascript·面试
会开花的二叉树1 小时前
继承与组合:C++面向对象的核心
java·开发语言·c++