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

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

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

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

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

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

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

標簽：

熱門焦點

5月iOS設備好評榜：iPhone 14僅排第43？

來到新的一月，安兔兔的各個榜單又重新匯總了數據，像安卓陣營的榜單都有著比較大的變動，不過iOS由于設備的更新換代并沒有那么快，所以相對來說變化并不大，特別是iOS好評榜，老款設
十個簡單但很有用的Python裝飾器

裝飾器（Decorators）是Python中一種強大而靈活的功能，用于修改或增強函數或類的行為。裝飾器本質上是一個函數，它接受另一個函數或類作為參數，并返回一個新的函數或類。它們通常用
之家push系統迭代之路

前言在這個信息爆炸的互聯網時代，能夠及時準確獲取信息是當今社會要解決的關鍵問題之一。隨著之家用戶體量和內容規模的不斷增大，傳統的靠"主動拉"獲取信息的方式已不能滿足用
WebRTC.Net庫開發進階，教你實現屏幕共享和多路復用！

WebRTC.Net庫：讓你的應用更親民友好，實現視頻通話無痛接入！除了基本用法外，還有一些進階用法可以更好地利用該庫。自定義 STUN/TURN 服務器配置WebRTC.Net 默認使用 Google 的
疑似小米14外觀設計圖曝光：后置相機模組變化不大

下半年的大幕已經開啟，而誰將成為下半年手機圈的主角就成為了大家關注的焦點，其中被傳有望拿下新一代驍龍8 Gen3旗艦芯片的小米14系列更是備受大家矚
到手價3099元起！iQOO Neo8 Pro今日首銷：安卓性能最強旗艦

5月23日，iQOO如期舉行了新品發布會，全新的iQOO Neo8系列也正式與大家見面，包含iQOO Neo8和iQOO Neo8 Pro兩個版本，其中標準版搭載高通驍龍8+，而Pro版更
首發天璣9200+ iQOO Neo8系列發布首銷售價2299元起

2023年5月23日晚，iQOO Neo8系列正式發布。其中，Neo系列首款Pro之作——iQOO Neo8 Pro強悍登場，限時售價3099元起；價位段最強性能手機iQOO Neo8同期上市
機構稱Q2全球智能手機出貨量同比下滑11% 蘋果份額依舊第2

7月20日消息，據外媒報道，研究機構的報告顯示，由于需求下滑，今年二季度全球智能手機的出貨量，同比下滑了11%，三星、蘋果等主要廠商的銷量，較去年同期均有下
滴滴違法違規被罰80.26億共存在16項違法事實

滴滴違法違規被罰80.26億存在16項違法事實開始于2121年7月，歷經一年時間，網絡安全審查辦公室對“滴滴出行”網絡安全審查終于有了一個暫時的結束。據“網信

AVt天堂网手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

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

原生的深拷貝~

JSON.parse & JSON.stringify()

lodash.cloneDeep

window.structuredClone

5月iOS設備好評榜：iPhone 14僅排第43？

十個簡單但很有用的Python裝飾器

之家push系統迭代之路

WebRTC.Net庫開發進階，教你實現屏幕共享和多路復用！

疑似小米14外觀設計圖曝光：后置相機模組變化不大

到手價3099元起！iQOO Neo8 Pro今日首銷：安卓性能最強旗艦

首發天璣9200+ iQOO Neo8系列發布首銷售價2299元起

機構稱Q2全球智能手機出貨量同比下滑11% 蘋果份額依舊第2

滴滴違法違規被罰80.26億共存在16項違法事實

最新推薦

猜你喜歡

熱門推薦

相關資訊