當前位置：首頁 > 科技 > 軟件

JavaScript 原生深拷貝方法來啦！structuredClone 閃耀登場~

來源：責編：時間：2024-05-08 09:17:52 149觀看

導讀原生的深拷貝~分享一個 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.www897cc.com/showinfo-26-87254-0.htmlJavaScript 原生深拷貝方法來啦！structuredClone 閃耀登場~

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇：解密 Python 的變量和對象，它們之間有什么區別和聯系呢？

下一篇：不知道這些不要說玩轉了Controller接口

標簽：

熱門焦點

K60 Pro官方停產第三方瞬間漲價

雖然沒有官方宣布，但Redmi的一些高管也已經透露了，Redmi K60 Pro已經停產且不會補貨，這一切都是為了即將到來的K60 Ultra鋪路，屬于廠家的正常操作。但有意思的是該機在停產之后
K60至尊版狂暴引擎2.0加持：超177萬跑分斬獲性能第一

Redmi的后性能時代戰略發布會今天下午如期舉辦，在本次發布會上，Redmi公布了多項關于和聯發科的深度合作，以及新機K60 Ultra在軟件和硬件方面的特性，例如：“K60 至尊版，雙芯旗艦
女孩租房開2小時空調用完100元電費引熱議：5級能耗惹不起月薪過萬電費也交不起

近日，江蘇蘇州一女孩租房當天充值了100元電費，開著空調不到2小時發現電費已用完。對于為什么這個快，房東表示，電表壞了這種情況很多，之前也遇到過，給租客換
0糖0卡0脂旭日森林仙草烏龍茶優惠：15瓶到手29元

旭日森林無糖仙草烏龍茶510ml*15瓶平時要賣為79.9元，今日下單領取50元優惠券，到手價為29.9元。產品規格：0糖0卡0脂，添加草本仙草汁，清涼爽口，富含茶多酚，保留
28個SpringBoot項目中常用注解，日常開發、求職面試不再懵圈

前言在使用SpringBoot開發中或者在求職面試中都會使用到很多注解或者問到注解相關的知識。本文主要對一些常用的注解進行了總結，同時也會舉出具體例子，供大家學習和參考。注解
微軟邀請 Microsoft 365 商業用戶，測試視頻編輯器 Clipchamp

8 月 1 日消息，微軟近日宣布即將面向 Microsoft 365 商業用戶，開放 Clipchamp 應用，邀請用戶通過該應用來編輯視頻。微軟于 2021 年收購 Clipchamp，隨后開始逐步整合到 Microsof
2299元起！iQOO Pad開啟預售：性能最強天璣平板

5月23日，iQOO如期舉行了新品發布會，除了首發安卓最強旗艦處理器的iQOO Neo8系列新機外，還在發布會上推出了旗下首款平板電腦——iQOO Pad，其搭載了天璣
英特爾Xe-HP項目終止，將專注Xe-HPC/HPG系列顯卡

據10 月 31 日消息報道，英特爾高級副總裁兼加速計算系統和圖形事業部總經理表示，Xe-HP“ Arctic Sound” 系列服務器 GPU 已經應用于 oneAPI devcloud 云服
Windows 11發布，微軟一改往常對老機型開放的態度

距離 Windows 11 發布已經過去一周，在過去一周里，很多數碼愛好者圍繞其對 Android 應用的支持、對老機型的升級問題展開了激烈討論。與以往不同的是，在這次大

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

JavaScript 原生深拷貝方法來啦！structuredClone 閃耀登場~

原生的深拷貝~

JSON.parse & JSON.stringify()

lodash.cloneDeep

window.structuredClone

K60 Pro官方停產第三方瞬間漲價

K60至尊版狂暴引擎2.0加持：超177萬跑分斬獲性能第一

女孩租房開2小時空調用完100元電費引熱議：5級能耗惹不起月薪過萬電費也交不起

0糖0卡0脂旭日森林仙草烏龍茶優惠：15瓶到手29元

28個SpringBoot項目中常用注解，日常開發、求職面試不再懵圈

微軟邀請 Microsoft 365 商業用戶，測試視頻編輯器 Clipchamp

2299元起！iQOO Pad開啟預售：性能最強天璣平板

英特爾Xe-HP項目終止，將專注Xe-HPC/HPG系列顯卡

Windows 11發布，微軟一改往常對老機型開放的態度

最新推薦

猜你喜歡

熱門推薦

相關資訊