当前位置：首页 > 科技 > 软件

JavaScript 原生深拷贝方法来啦！structuredClone 闪耀登场~

来源：责编：时间：2024-05-08 09:17:52 208观看

导读原生的深拷贝~分享一个 JavaScript 原生的深拷贝方法 structuredClone，其实这个方法出了很久了，但是存在感一直很低~图片说这个方法前，我们先来讨论一下，常见的深拷贝都有哪些方案呢？JSON.parse & JSON.stringify()很多人

原生的深拷贝~

分享一个 JavaScript 原生的深拷贝方法 structuredClone，其实这个方法出了很久了，但是存在感一直很低~

图片

说这个方法前，我们先来讨论一下，常见的深拷贝都有哪些方案呢？

JSON.parse & JSON.stringify()

很多人会用 JSON.parse(JSON.stringify(obj))来对对象进行深拷贝操作，但是这个方式缺点太多了

图片

可以看到很多数据类型都没有深拷贝成功

数据类型	克隆结果
number	✔
string	✔
undefined	✖
null	✔
boolean	✔
object	✔
Array	✔
Function	✖
map	✖
Set	✖
Date	✖
Error	✖
Regex	✖
Dom节点	✖

并且在对象具有环引用的情况下，这种深拷贝方式会导致报错

图片

lodash.cloneDeep

lodash 的 cloneDeep也是深拷贝的手段之一，且非常完善，能成功拷贝各种数据类型

但是大家要注意使用 lodash 时要使用 lodash-es，这样才能做到按需加载，减少不必要的代码体积

图片

数据类型	克隆结果
number	✔
string	✔
undefined	✔
null	✔
boolean	✔
object	✔
Array	✔
Function	✔
map	✔
Set	✔
Date	✔
Error	✔
Regex	✔
Dom节点	✔

window.structuredClone

全局的 structuredClone() 方法使用结构化克隆算法将给定的值进行深拷贝

图片

当克隆Function、Dom节点时，会报错

图片

其他数据类型可以成功拷贝~

图片

数据类型	克隆结果
number	✔
string	✔
undefined	✔
null	✔
boolean	✔
object	✔
Array	✔
Function	✖
map	✔
Set	✔
Date	✔
Error	✔
Regex	✔
Dom节点	✖

本文链接：http://www.28at.com/showinfo-26-87254-0.htmlJavaScript 原生深拷贝方法来啦！structuredClone 闪耀登场~

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：解密 Python 的变量和对象，它们之间有什么区别和联系呢？

下一篇：不知道这些不要说玩转了Controller接口

标签：

热门焦点

俄罗斯：将审查iPhone等外国公司设备保数据安全

iPhone和特斯拉都属于在各自领域领头羊的品牌，推出的产品也也都是数一数二的，但对于一些国家而言，它们的产品可靠性和安全性还是在限制范围内。近日，俄罗斯联邦通信、信息技术
这款新兴工具平台，让你的电脑效率翻倍

随着信息技术的发展,我们获取信息的渠道越来越多,但是处理信息的效率却成为一个瓶颈。于是各种工具应运而生,都在争相解决我们的工作效率问题。今天我要给大家介绍一款效率
2天涨粉255万，又一赛道在抖音爆火

来源：运营研究社作者 | 张知白编辑 | 杨佩汶设计 | 晏谈梦洁这个暑期，旅游赛道彻底火了：有的「地方」火了——贵州村超旅游收入 1 个月超过 12 亿；有的「博主」火了&m
小米公益基金会捐赠2500万元驰援北京、河北暴雨救灾

8月2日消息，今日小米科技创始人雷军在其微博上发布消息称，小米公益基金会宣布捐赠2500万元驰援北京、河北暴雨救灾。携手抗灾，京冀安康！以下为公告原文
网传小米汽车开始筛选交付中心建筑面积不低于3000平方米

7月7日消息，近日有微博网友@长三角行健者爆料称，据经销商集团反馈，小米汽车目前已经开始了交付中心的筛选工作，要求候选场地至少有120个车位，建筑不能低
华为发布HarmonyOS 4：更好玩、更流畅、更安全

在8月4日的华为开发者大会2023（HDC.Together）大会上，HarmonyOS 4正式发布。自2019年发布以来，HarmonyOS一直以用户为中心，经历四年多的发展HarmonyOS已
三星Galaxy Z Fold/Flip 5国行售价曝光：最低7499元/12999元起

据官方此前宣布，三星将于7月26日也就是明天在韩国首尔举办Unpacked活动，届时将带来带来包括Galaxy Buds 3、Galaxy Watch 6、Galaxy Tab S9、Galaxy
半导体需求下滑三星电子DS业务部门今年营业亏损预计超10万亿韩元

7月17日消息，据外媒报道，去年下半年开始的半导体需求下滑，影响到了三星电子、SK海力士、英特尔等诸多厂商，营收明显下滑，部分厂商甚至出现了亏损。作为
超级标准版旗舰！iQOO 11S全球首发iQOO超算独显芯片

上半年已接近尾声，截至目前各大品牌旗下的顶级旗舰都已悉数亮相，而下半年即将推出的顶级旗舰已经成为了数码圈爆料的主流，其中就包括全新的iQOO 11S系

JavaScript 原生深拷贝方法来啦！structuredClone 闪耀登场~

原生的深拷贝~

JSON.parse & JSON.stringify()

lodash.cloneDeep

window.structuredClone

俄罗斯：将审查iPhone等外国公司设备保数据安全

这款新兴工具平台，让你的电脑效率翻倍

2天涨粉255万，又一赛道在抖音爆火

小米公益基金会捐赠2500万元驰援北京、河北暴雨救灾

网传小米汽车开始筛选交付中心建筑面积不低于3000平方米

华为发布HarmonyOS 4：更好玩、更流畅、更安全

三星Galaxy Z Fold/Flip 5国行售价曝光：最低7499元/12999元起

半导体需求下滑三星电子DS业务部门今年营业亏损预计超10万亿韩元

超级标准版旗舰！iQOO 11S全球首发iQOO超算独显芯片

最新推荐

猜你喜欢

热门推荐

相关资讯