JavaScript中基本數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別

?這是我引用別人的? 覺得很好??

1、基本數(shù)據(jù)類型和引用數(shù)據(jù)類型

　　ECMAScript包括兩個不同類型的值：基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。

　　基本數(shù)據(jù)類型指的是簡單的數(shù)據(jù)段，引用數(shù)據(jù)類型指的是有多個值構(gòu)成的對象。

　　當(dāng)我們把變量賦值給一個變量時，解析器首先要確認(rèn)的就是這個值是基本類型值還是引用類型值。

2、常見的基本數(shù)據(jù)類型：

　　Number、String 、Boolean、Null和Undefined。基本數(shù)據(jù)類型是按值訪問的，因?yàn)榭梢灾苯硬僮鞅４嬖谧兞恐械膶?shí)際值。示例：

　　var a = 10;

　　var b = a;

　　b = 20;

　　console.log(a); // 10值

　　上面，b獲取的是a值得一份拷貝，雖然，兩個變量的值相等，但是兩個變量保存了兩個不同的基本數(shù)據(jù)類型值。

　　b只是保存了a復(fù)制的一個副本。所以，b的改變，對a沒有影響。

　　下圖演示了這種基本數(shù)據(jù)類型賦值的過程：

?????

3、引用類型數(shù)據(jù)：

　　也就是對象類型Object type，比如：Object 、Array 、Function 、Data等。

　　javascript的引用數(shù)據(jù)類型是保存在堆內(nèi)存中的對象。

　　與其他語言的不同是，你不可以直接訪問堆內(nèi)存空間中的位置和操作堆內(nèi)存空間。只能操作對象在棧內(nèi)存中的引用地址。

　　所以，引用類型數(shù)據(jù)在棧內(nèi)存中保存的實(shí)際上是對象在堆內(nèi)存中的引用地址。通過這個引用地址可以快速查找到保存中堆內(nèi)存中的對象。

　　var obj1 = new Object();

　　var obj2 = obj1;

　　obj2.name = "我有名字了";

　　console.log(obj1.name); // 我有名字了

　　說明這兩個引用數(shù)據(jù)類型指向了同一個堆內(nèi)存對象。obj1賦值給onj2，實(shí)際上這個堆內(nèi)存對象在棧內(nèi)存的引用地址復(fù)制了一份給了obj2，

　　但是實(shí)際上他們共同指向了同一個堆內(nèi)存對象。實(shí)際上改變的是堆內(nèi)存對象。

　　下面我們來演示這個引用數(shù)據(jù)類型賦值過程：

????

4、總結(jié)區(qū)別

　　a 聲明變量時不同的內(nèi)存分配：　

　　1）原始值：存儲在棧（stack）中的簡單數(shù)據(jù)段，也就是說，它們的值直接存儲在變量訪問的位置。

　　　　這是因?yàn)檫@些原始類型占據(jù)的空間是固定的，所以可將他們存儲在較小的內(nèi)存區(qū)域 – 棧中。這樣存儲便于迅速查尋變量的值。

　　2）引用值：存儲在堆（heap）中的對象，也就是說，存儲在變量處的值是一個指針（point），指向存儲對象的內(nèi)存地址。

　　　 ?這是因?yàn)?#xff1a;引用值的大小會改變，所以不能把它放在棧中，否則會降低變量查尋的速度。相反，放在變量的棧空間中的值是該對象存儲在堆中的地址。

　　　 ?地址的大小是固定的，所以把它存儲在棧中對變量性能無任何負(fù)面影響。

　　b?不同的內(nèi)存分配機(jī)制也帶來了不同的訪問機(jī)制
　　　 　　1）在javascript中是不允許直接訪問保存在堆內(nèi)存中的對象的，所以在訪問一個對象時， 　　　　首先得到的是這個對象在堆內(nèi)存中的地址，然后再按照這個地址去獲得這個對象中的值，這就是傳說中的按引用訪問。 　　2）而原始類型的值則是可以直接訪問到的。 　　 　　c 復(fù)制變量時的不同 　　 　　1）原始值：在將一個保存著原始值的變量復(fù)制給另一個變量時，會將原始值的副本賦值給新變量，此后這兩個變量是完全獨(dú)立的，他們只是擁有相同的value而已。 　　2）引用值：在將一個保存著對象內(nèi)存地址的變量復(fù)制給另一個變量時，會把這個內(nèi)存地址賦值給新變量， 　　　　也就是說這兩個變量都指向了堆內(nèi)存中的同一個對象，他們中任何一個作出的改變都會反映在另一個身上。 　　　　（這里要理解的一點(diǎn)就是，復(fù)制對象時并不會在堆內(nèi)存中新生成一個一模一樣的對象，只是多了一個保存指向這個對象指針的變量罷了）。多了一個指針 　 　　d?參數(shù)傳遞的不同（把實(shí)參復(fù)制給形參的過程） 　　 　　首先我們應(yīng)該明確一點(diǎn)：ECMAScript中所有函數(shù)的參數(shù)都是按值來傳遞的。 　　但是為什么涉及到原始類型與引用類型的值時仍然有區(qū)別呢？還不就是因?yàn)閮?nèi)存分配時的差別。 　 　　1）原始值：只是把變量里的值傳遞給參數(shù)，之后參數(shù)和這個變量互不影響。 　　2）引用值：對象變量它里面的值是這個對象在堆內(nèi)存中的內(nèi)存地址，這一點(diǎn)你要時刻銘記在心！ 　　　　因此它傳遞的值也就是這個內(nèi)存地址，這也就是為什么函數(shù)內(nèi)部對這個參數(shù)的修改會體現(xiàn)在外部的原因了，因?yàn)樗鼈兌贾赶蛲粋€對象。
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

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

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