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

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

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

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

?

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

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

搜索篩選：

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

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

其實當(dāng)時只用了淺拷貝，而沒有采用深拷貝。導(dǎo)致我改變obj，使oldObj也改變了。

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

?

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

將a賦值給b，改變b的值，a也發(fā)生的改變。

因a與b指向同一個堆內(nèi)存

結(jié)果：

?

深拷貝：（互不影響）

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

開辟新的堆內(nèi)存

采用先將對象轉(zhuǎn)字符串，然后將字符串轉(zhuǎn)回對象的方式

結(jié)果：

?

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

?

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

這個是調(diào)用和結(jié)果：

?

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/wuhairui/p/10370227.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。