狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

一行代碼實現深拷貝?別再用 JSON.stringify 了!

admin
2025年4月21日 10:3 本文熱度 110

在JavaScript開發中,對象的深拷貝是一個常見需求。很多開發者習慣使用JSON.parse(JSON.stringify(obj))這個"一行代碼"解決方案來實現深拷貝,但這種方法存在許多令人意想不到的問題。本文將揭示這種方法的缺陷,并介紹幾種更可靠的深拷貝替代方案。

JSON.stringify 的致命缺陷

JSON.parse(JSON.stringify(obj))看起來簡單優雅,但實際上是一個有著嚴重局限性的解決方案。以下是它無法正確處理的情況:

1. 無法處理循環引用

const obj = { name"對象" };
obj.self = obj; // 循環引用

// 拋出錯誤: TypeError: Converting circular structure to JSON
const copy = JSON.parse(JSON.stringify(obj));

一旦對象中存在循環引用,這種方法就會直接拋出錯誤,導致程序崩潰。

2. 丟失特殊數據類型

JSON序列化無法處理函數、Symbol、undefined,會將Date轉為字符串,RegExp變為空對象,NaN和Infinity變為null。

3. 原型鏈丟失

深拷貝后的對象變成了普通對象,失去了原型鏈上的所有方法和屬性。

4. Map、Set、WeakMap、WeakSet 的處理

這些集合類型在JSON序列化過程中都變成了空對象,數據完全丟失。

更可靠的深拷貝替代方案

既然JSON方法這么多坑,那么有哪些更好的替代方案呢?現代瀏覽器提供了原生的結構化克隆APIstructuredClone,可以處理大多數情況:

// 一行代碼實現深拷貝
const copy = structuredClone(original);

優點:

  • 支持循環引用
  • 支持大多數內置類型(Date、RegExp、Map、Set等)
  • 性能優于JSON方法

缺點:

  • 不支持函數、DOM節點、原型鏈

盡管JSON.parse(JSON.stringify(obj))這個"一行代碼"解決方案看起來簡潔優雅,但它存在太多缺陷,在實際項目中使用可能會引入意料之外的bug。現代JavaScript提供了更可靠的深拷貝方案,structuredClone作為原生API是最值得推薦的簡單替代方案。


該文章在 2025/4/21 10:03:30 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved