當(dāng)前位置：首頁 > 科技 > 軟件

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

來源：責(zé)編：時(shí)間：2024-05-08 09:17:52 165觀看

導(dǎo)讀原生的深拷貝~分享一個(gè) JavaScript 原生的深拷貝方法 structuredClone，其實(shí)這個(gè)方法出了很久了，但是存在感一直很低~圖片說這個(gè)方法前，我們先來討論一下，常見的深拷貝都有哪些方案呢？JSON.parse & JSON.stringify()很多人

原生的深拷貝~

分享一個(gè) JavaScript 原生的深拷貝方法 structuredClone，其實(shí)這個(gè)方法出了很久了，但是存在感一直很低~

圖片

說這個(gè)方法前，我們先來討論一下，常見的深拷貝都有哪些方案呢？

JSON.parse & JSON.stringify()

很多人會(huì)用 JSON.parse(JSON.stringify(obj))來對(duì)對(duì)象進(jìn)行深拷貝操作，但是這個(gè)方式缺點(diǎn)太多了

圖片

可以看到很多數(shù)據(jù)類型都沒有深拷貝成功

數(shù)據(jù)類型	克隆結(jié)果
number	?
string	?
undefined	?
null	?
boolean	?
object	?
Array	?
Function	?
map	?
Set	?
Date	?
Error	?
Regex	?
Dom節(jié)點(diǎn)	?

并且在對(duì)象具有環(huán)引用的情況下，這種深拷貝方式會(huì)導(dǎo)致報(bào)錯(cuò)

圖片

lodash.cloneDeep

lodash 的 cloneDeep也是深拷貝的手段之一，且非常完善，能成功拷貝各種數(shù)據(jù)類型

但是大家要注意使用 lodash 時(shí)要使用 lodash-es，這樣才能做到按需加載，減少不必要的代碼體積

圖片

數(shù)據(jù)類型	克隆結(jié)果
number	?
string	?
undefined	?
null	?
boolean	?
object	?
Array	?
Function	?
map	?
Set	?
Date	?
Error	?
Regex	?
Dom節(jié)點(diǎn)	?

window.structuredClone

全局的 structuredClone() 方法使用結(jié)構(gòu)化克隆算法將給定的值進(jìn)行深拷貝

圖片

當(dāng)克隆Function、Dom節(jié)點(diǎn)時(shí)，會(huì)報(bào)錯(cuò)

圖片

其他數(shù)據(jù)類型可以成功拷貝~

圖片

數(shù)據(jù)類型	克隆結(jié)果
number	?
string	?
undefined	?
null	?
boolean	?
object	?
Array	?
Function	?
map	?
Set	?
Date	?
Error	?
Regex	?
Dom節(jié)點(diǎn)	?

本文鏈接：http://www.www897cc.com/showinfo-26-87254-0.htmlJavaScript 原生深拷貝方法來啦！structuredClone 閃耀登場~

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇：解密 Python 的變量和對(duì)象，它們之間有什么區(qū)別和聯(lián)系呢？

下一篇：不知道這些不要說玩轉(zhuǎn)了Controller接口

標(biāo)簽：

熱門焦點(diǎn)

Redmi Pad評(píng)測：紅米充滿野心的一次嘗試

從Note系列到K系列，從藍(lán)牙耳機(jī)到筆記本電腦，紅米不知不覺之間也已經(jīng)形成了自己頗有競爭力的產(chǎn)品體系，在中端和次旗艦市場上甚至要比小米新機(jī)的表現(xiàn)來得更好，正所謂“大丈夫生居
7月安卓手機(jī)性價(jià)比榜：努比亞+紅魔兩款新機(jī)入榜

7月登場的新機(jī)有努比亞Z50S Pro和紅魔8S Pro，除了三星之外目前唯二的兩款搭載超頻版驍龍8Gen2處理器的產(chǎn)品，而且努比亞和紅魔也一貫有著不錯(cuò)的性價(jià)比，所以在本次的性價(jià)比榜單
如何使用JavaScript創(chuàng)建一只圖像放大鏡？

譯者 | 布加迪審校 | 重樓如果您曾經(jīng)瀏覽過購物網(wǎng)站，可能遇到過圖像放大功能。它可以讓您放大圖像的特定區(qū)域，以便瀏覽。結(jié)合這個(gè)小小的重要功能可以大大改善您網(wǎng)站的用戶體驗(yàn)
Temu起訴SHEIN，跨境電商戰(zhàn)事升級(jí)

來源 | 伯虎財(cái)經(jīng)（bohuFN）作者 | 陳平安日前據(jù)外媒報(bào)道，拼多多旗下跨境電商平臺(tái)Temu正對(duì)競爭對(duì)手SHEIN提起新訴訟，訴狀稱Shein“利用市場支配力量強(qiáng)迫服裝廠商與之簽訂獨(dú)家
猿輔導(dǎo)與新東方的兩種“歸途”

作者｜卓心月出品｜零態(tài)LT（ID：LingTai_LT）如何成為一家偉大企業(yè)？答案一定是對(duì)“勢”的把握，這其中最關(guān)鍵的當(dāng)屬對(duì)企業(yè)戰(zhàn)略的制定，且能夠站在未來看現(xiàn)在，即使這其中的
重估百度丨大模型，能撐起百度的“今天”嗎?

自象限原創(chuàng) 作者｜程心羅輯2023年之前，對(duì)于自己的“今天”，百度也很迷茫。“新業(yè)務(wù)到 2022 年底還是 0，希望 2023 年出來一個(gè) 1。”這是2022年底，李彥宏
郭明錤稱華為和江淮汽車合作開發(fā)問界MPV，定價(jià)100萬左右、計(jì)劃明年量產(chǎn)

8 月 1 日消息，郭明錤今天在 Medium 平臺(tái)發(fā)布博文，稱華為正在和江淮汽車合作，開發(fā)售價(jià)在 100 萬元的問界 MPV，預(yù)計(jì)在 2024 年第 2 季度量產(chǎn)，銷量目標(biāo)為
三星Galaxy Z Fold5官方渲染圖曝光：13.4mm折疊厚度依舊感人

據(jù)官方此前宣布，三星將于7月26日在韓國首爾舉辦Unpacked活動(dòng)，屆時(shí)將帶來帶來包括Galaxy Buds 3、Galaxy Watch 6、Galaxy Tab S9、Galaxy Z Flip 5、
機(jī)構(gòu)稱Q2全球智能手機(jī)出貨量同比下滑11% 蘋果份額依舊第2

7月20日消息，據(jù)外媒報(bào)道，研究機(jī)構(gòu)的報(bào)告顯示，由于需求下滑，今年二季度全球智能手機(jī)的出貨量，同比下滑了11%，三星、蘋果等主要廠商的銷量，較去年同期均有下

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

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

原生的深拷貝~

JSON.parse & JSON.stringify()

lodash.cloneDeep

window.structuredClone

Redmi Pad評(píng)測：紅米充滿野心的一次嘗試

7月安卓手機(jī)性價(jià)比榜：努比亞+紅魔兩款新機(jī)入榜

如何使用JavaScript創(chuàng)建一只圖像放大鏡？

Temu起訴SHEIN，跨境電商戰(zhàn)事升級(jí)

猿輔導(dǎo)與新東方的兩種“歸途”

重估百度丨大模型，能撐起百度的“今天”嗎?

郭明錤稱華為和江淮汽車合作開發(fā)問界MPV，定價(jià)100萬左右、計(jì)劃明年量產(chǎn)

三星Galaxy Z Fold5官方渲染圖曝光：13.4mm折疊厚度依舊感人

機(jī)構(gòu)稱Q2全球智能手機(jī)出貨量同比下滑11% 蘋果份額依舊第2

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊