JS中原始值和引用值的儲(chǔ)存方式示例詳解
在ECMAscript中,變量可以存放兩種類(lèi)型的值,即原始值和引用值
- 原始值指的是代表原始數(shù)據(jù)類(lèi)型的值,也叫基本數(shù)據(jù)類(lèi)型,包括:Number、Stirng、Boolean、Null、Underfined
- 引用值指的是復(fù)合數(shù)據(jù)類(lèi)型的值,包括:Object、Function、Array、Date、RegExp
根據(jù)數(shù)據(jù)類(lèi)型不同,有的變量?jī)?chǔ)存在棧中,有的儲(chǔ)存在堆中。具體區(qū)別如下:
原始變量及他們的值儲(chǔ)存在棧中,當(dāng)把一個(gè)原始變量傳遞給另一個(gè)原始變量時(shí),是把一個(gè)棧房間的東西復(fù)制到另一個(gè)棧房間,且這兩個(gè)原始變量互不影響。
引用值是把 引用變量的名稱(chēng)儲(chǔ)存在棧中,但是把其實(shí)際對(duì)象儲(chǔ)存在堆中,且存在一個(gè)指針由變量名指向儲(chǔ)存在堆中的實(shí)際對(duì)象,當(dāng)把引用對(duì)象傳遞給另一個(gè)變量時(shí),復(fù)制的其實(shí)是指向?qū)嶋H對(duì)象的指針, 此時(shí) 兩者指向的 是同一個(gè)數(shù)據(jù),若通過(guò)方法改變其中一個(gè)變量的值,則訪問(wèn)另一個(gè)變量時(shí),其值也會(huì)隨之加以改變;但若不是通過(guò)方法 而是通過(guò) 重新賦值 此時(shí) 相當(dāng)于 重新開(kāi)了一個(gè)房間 該值的原指針改變 ,則另外一個(gè) 值 不會(huì)隨他的改變而改變。
看示例:
var a="hello"; var b=a; a="world"; alert(a);//world alert(b);//hello var arr=[1,3]; arr1=arr; arr.push(5); alert(arr)//1,3,5 alert(arr1);//1,3,5 arr=[7,8]; alert(arr);//7,8 alert(arr1);//1,3,5
用圖來(lái)表示 結(jié)果如下:
原始變量的值互不影響,引用變量arr和arr1指向的為同一對(duì)象,所以當(dāng)對(duì)arr通過(guò)方法改變其值時(shí)(堆房間里的數(shù)據(jù)發(fā)生變化),訪問(wèn)arr1的數(shù)據(jù)時(shí)就會(huì)訪問(wèn)到改變后的對(duì)象
通過(guò)非方法來(lái)改變引用變量的值時(shí),會(huì)為該引用變量重新創(chuàng)建一個(gè)堆房間,此時(shí)指針也會(huì)發(fā)生變化:
總結(jié):
Number、Stirng、Boolean、Null、Underfined這些基本數(shù)據(jù)類(lèi)型,他們的值直接保存在棧中;
Object、Function、Array、Date、RegExp這些引用類(lèi)型,他們的引用變量?jī)?chǔ)存在棧中,通過(guò)指針指向儲(chǔ)存在堆中的實(shí)際對(duì)象
以上所述是小編給大家介紹的JS中原始值和引用值的儲(chǔ)存方式示例詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
DOM和XMLHttpRequest對(duì)象的屬性和方法整理
DOM和XMLHttpRequest對(duì)象的屬性和方法整理,注意是方便操作ajax的朋友2012-01-01JavaScript中變量聲明有var和沒(méi)var的區(qū)別示例介紹
在函數(shù)內(nèi)部,有var和沒(méi)var聲明的變量是不一樣的。有var聲明的是局部變量,沒(méi)var的,聲明的全局變量,所以可以借此向外暴露接口東東2014-09-09ie6下png圖片背景不透明的解決辦法使用js實(shí)現(xiàn)
我們時(shí)常在使用png圖片的時(shí)候,在ie6下發(fā)生背景不透明的問(wèn)題,解決的方法實(shí)在是太多了,下面給大家介紹下一個(gè)js解決的方式,感興趣的朋友可以了解下的2013-01-01微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)穿透和阻止?jié)L動(dòng)的方法
這篇文章主要介紹了微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)穿透和阻止?jié)L動(dòng)的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08JavaScript實(shí)現(xiàn)經(jīng)緯度轉(zhuǎn)換常用方法總結(jié)
WGS84坐標(biāo)系、GCJ02坐標(biāo)系、BD09坐標(biāo)系和Web 墨卡托投影坐標(biāo)系是我們常見(jiàn)的四個(gè)坐標(biāo)系。這篇文章為大家整理了這四個(gè)坐標(biāo)系之間相互轉(zhuǎn)換的方法,需要的可以參考一下2023-02-02JavaScript函數(shù)this指向問(wèn)題詳解
這篇文章主要為大家介紹了JavaScript函數(shù)this指向,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-11-11