您好,登錄后才能下訂單哦!
本篇文章為大家展示了JavaScript中淺拷貝和深拷貝的區(qū)別是什么,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
1. 基礎(chǔ)數(shù)據(jù)類型: undefined、boolean、number、string、null,保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)
2. 引用數(shù)據(jù)類型:Array、對(duì)象、Function,保存在堆內(nèi)存空間中
如下圖:
注釋:
a1 = 0;a2 = 'this is str';a3 = null, 存放在棧內(nèi)存中;
var c =[1,2,3] 與 var d = {m:20} ,**變量名與內(nèi)存地址存儲(chǔ)在棧內(nèi)存中**,**但是**[1,2,3]與{m:20} 作為**對(duì)象存儲(chǔ)在堆內(nèi)存中**;
var a = 20;
var b = a;
如下圖:
var m ={ a:10, b:20};
var n = m;
m與n指向同一個(gè)內(nèi)存空間,當(dāng)m或者n改變時(shí),另一個(gè)也跟著改變
如
m.a = 'web秀';
console.log(n.a);
// 輸出 web秀
怎么樣使引用數(shù)據(jù)類型有各自獨(dú)立的內(nèi)存空間???
采用遞歸的方法拷貝對(duì)象
## 奇技淫巧
利用**基礎(chǔ)數(shù)據(jù)類型**方式,把對(duì)象轉(zhuǎn)換成字符串,進(jìn)行復(fù)制。具體點(diǎn)說就是,用JSON.stringify與JSON.parse實(shí)現(xiàn)深拷貝。原因是JSON.stringify(obj)轉(zhuǎn)換成字符串,變成基本數(shù)據(jù)類型,基本類型拷貝是直接在棧內(nèi)存新開空間,直接復(fù)制一份名-值,不影響之前的對(duì)象。請(qǐng)看代碼:
1. 淺拷貝(shallow copy):只復(fù)制指向某個(gè)對(duì)象的指針,而不復(fù)制對(duì)象本身,新舊對(duì)象共享一塊內(nèi)存;
2. 深拷貝(deep copy):復(fù)制并創(chuàng)建一個(gè)一摸一樣的對(duì)象,不共享內(nèi)存,修改新對(duì)象,舊對(duì)象保持不變;
實(shí)現(xiàn)深拷貝主要有2種方法
(1)遞歸
(2)JSON.stringify結(jié)合JSON.parse
上述內(nèi)容就是JavaScript中淺拷貝和深拷貝的區(qū)別是什么,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。