前端開發中，一般情況下，很少會去在意深拷貝與淺拷貝的關系。

大家知道，js變量有2種數據類型：基本類型和引用類型。基本類型的拷貝是將整個值完全拷貝一份的，也就是深拷貝。就是開辟了新的堆內存。所以基本類型沒有淺拷貝。

引用類型有哪些呢？比如：Object、Array、Function類型均為引用類型。

拷貝基本類型時，普通賦值可以拷貝整個值，而拷貝引用類型，普通賦值只能拷貝地址。

?

但有些時候，因為變量只是采用淺拷貝的形式賦值的。導致邏輯。

比如以我以前做過的一個需求遇到的一個問題：

搜索篩選：

首先最初是沒有篩選的，各種篩選項都是最初的全部。用戶選中篩選向后可進行篩選搜索，點擊清空即可回到最初的篩選方式進行搜索。

于是我就將每種類型篩選的值合并賦值為一個對象obj，初始化obj每個key的value值都是0，拷貝一個oldObj保存初始的值，篩選時，改變obj對應值，發送搜索action時，將obj帶過去就可以了。清空時，obj設置為oldObj即可。但當時并沒有了解深淺拷貝的問題，導致花費了很多時間。

其實當時只用了淺拷貝，而沒有采用深拷貝。導致我改變obj，使oldObj也改變了。

來看看深淺拷貝的理解吧。

?

淺拷貝：（影響到原來的）

將a賦值給b，改變b的值，a也發生的改變。

因a與b指向同一個堆內存

結果：

?

深拷貝：（互不影響）

將a賦值給b，改變b的值，a不會被影響

開辟新的堆內存

采用先將對象轉字符串，然后將字符串轉回對象的方式

結果：

?

還有一種深拷貝方式（推薦使用）：

?

另一種深拷貝方式（并不是很推薦用）：

這個是調用和結果：

?

總結：深拷貝不是必須要使用的。但是有類似的問題卻可以考慮使用。

?

轉載于:https://www.cnblogs.com/wuhairui/p/10370227.html

總結

以上是生活随笔為你收集整理的关于js浅拷贝与深拷贝的理解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。