JS基本和引用數(shù)據(jù)深拷貝及淺拷貝的區(qū)別

本篇內(nèi)容主要講解“JS基本和引用數(shù)據(jù)深拷貝及淺拷貝的區(qū)別”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“JS基本和引用數(shù)據(jù)深拷貝及淺拷貝的區(qū)別”吧!

淺拷貝

　　在定義一個(gè)對(duì)象或數(shù)組時(shí)，變量存放的往往只是一個(gè)地址。當(dāng)我們使用對(duì)象拷貝時(shí)，如果屬性是對(duì)象或數(shù)組時(shí)，這時(shí)候我們傳遞的也只是一個(gè)地址。因此子對(duì)象在訪問該屬性時(shí)，會(huì)根據(jù)地址回溯到父對(duì)象指向的堆內(nèi)存中，即父子對(duì)象發(fā)生了關(guān)聯(lián)，兩者的屬性值會(huì)指向同一內(nèi)存空間。

　　但是若是修改的屬性變?yōu)閷?duì)象或數(shù)組時(shí)，那么父子對(duì)象之間就發(fā)生關(guān)聯(lián)

　　原因是key1的值屬于基本類型，所以拷貝的時(shí)候傳遞的就是該數(shù)據(jù)段；但是key2的值是堆內(nèi)存中的對(duì)象，所以key2在拷貝的時(shí)候傳遞的是指向key2對(duì)象的地址，無(wú)論復(fù)制多少個(gè)key2，其值始終是指向父對(duì)象的key2對(duì)象的內(nèi)存空間。

深拷貝

　　或許以上并不是我們?cè)趯?shí)際編碼中想要的結(jié)果，我們不希望父子對(duì)象之間產(chǎn)生關(guān)聯(lián)，那么這時(shí)候可以用到深拷貝。既然屬性值類型是數(shù)組和或象時(shí)只會(huì)傳址，那么我們就用遞歸來解決這個(gè)問題，把父對(duì)象中所有屬于對(duì)象的屬性類型都遍歷賦給子對(duì)象即可。

　　最后：總結(jié)基本數(shù)據(jù)類型和引用數(shù)據(jù)類型區(qū)別

聲明變量時(shí)內(nèi)存分配不同

　　*原始類型：在棧中，因?yàn)檎紦?jù)空間是固定的，可以將他們存在較小的內(nèi)存中-棧中，這樣便于迅速查詢變量的值

　　*引用類型：存在堆中，棧中存儲(chǔ)的變量，只是用來查找堆中的引用地址。

　　這是因?yàn)椋阂弥档拇笮?huì)改變，所以不能把它放在棧中，否則會(huì)降低變量查尋的速度。相反，放在變量的?？臻g中的值是該對(duì)象存儲(chǔ)在堆中的地址。地址的大小是固定的，所以把它存儲(chǔ)在棧中對(duì)變量性能無(wú)任何負(fù)面影響

不同的內(nèi)存分配帶來不同的訪問機(jī)制

　　在javascript中是不允許直接訪問保存在堆內(nèi)存中的對(duì)象的，所以在訪問一個(gè)對(duì)象時(shí)，首先得到的是這個(gè)對(duì)象在堆內(nèi)存中的地址，然后再按照這個(gè)地址去獲得這個(gè)對(duì)象中的值，這就是傳說中的按引用訪問。

　　而原始類型的值則是可以直接訪問到的。

復(fù)制變量時(shí)的不同

　　1）原始值：在將一個(gè)保存著原始值的變量復(fù)制給另一個(gè)變量時(shí)，會(huì)將原始值的副本賦值給新變量，此后這兩個(gè)變量是完全獨(dú)立的，他們只是擁有相同的value而已。

　　2）引用值：在將一個(gè)保存著對(duì)象內(nèi)存地址的變量復(fù)制給另一個(gè)變量時(shí)，會(huì)把這個(gè)內(nèi)存地址賦值給新變量，

　　也就是說這兩個(gè)變量都指向了堆內(nèi)存中的同一個(gè)對(duì)象，他們中任何一個(gè)作出的改變都會(huì)反映在另一個(gè)身上。

參數(shù)傳遞的不同

　　首先我們應(yīng)該明確一點(diǎn)：ECMAScript中所有函數(shù)的參數(shù)都是按值來傳遞的。

　　但是為什么涉及到原始類型與引用類型的值時(shí)仍然有區(qū)別呢？還不就是因?yàn)閮?nèi)存分配時(shí)的差別。

　　1）原始值：只是把變量里的值傳遞給參數(shù)，之后參數(shù)和這個(gè)變量互不影響。

　　2）引用值：對(duì)象變量它里面的值是這個(gè)對(duì)象在堆內(nèi)存中的內(nèi)存地址，這一點(diǎn)你要時(shí)刻銘記在心！

　　因此它傳遞的值也就是這個(gè)內(nèi)存地址，這也就是為什么函數(shù)內(nèi)部對(duì)這個(gè)參數(shù)的修改會(huì)體現(xiàn)在外部的原因了，因?yàn)樗鼈兌贾赶蛲粋€(gè)對(duì)象。

到此，相信大家對(duì)“JS基本和引用數(shù)據(jù)深拷貝及淺拷貝的區(qū)別”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！