這篇文章主要為大家展示了“JavaScript基礎(chǔ)之數(shù)據(jù)類型的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習一下“JavaScript基礎(chǔ)之數(shù)據(jù)類型的示例分析”這篇文章吧。
10年積累的網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有南開免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
基本數(shù)據(jù)結(jié)構(gòu)
棧
棧，只允許在一段進行插入或者刪除操作的線性表，是一種先進后出的數(shù)據(jù)結(jié)構(gòu)。
堆
堆是基于散列算法的數(shù)據(jù)結(jié)構(gòu)。
隊列
隊列是一種先進先出（FIFO）的數(shù)據(jù)結(jié)構(gòu)。
JavaScript中數(shù)據(jù)類型的存儲
JavaScript中將數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型，它們其中有一個區(qū)別就是存儲的位置不同。
基本數(shù)據(jù)類型
我們都知道JavaScript中的基本數(shù)據(jù)類型有：
String
Number
Boolean
Undefined
Null
Symbol（暫時不管）
基本數(shù)據(jù)類型都是一些簡單的數(shù)據(jù)段，它們是存儲在棧內(nèi)存中。
引用數(shù)據(jù)類型
JavaScript中的引用數(shù)據(jù)類型有：
Array
Object
引用數(shù)據(jù)類型是保存在堆內(nèi)存中的，然后再棧內(nèi)存中保存一個對堆內(nèi)存中實際對象的引用。所以，JavaScript中對引用數(shù)據(jù)類型的操作都是操作對象的引用而不是實際的對象。
可以理解為，棧內(nèi)存中保存了一個地址，這個地址和堆內(nèi)存中的實際值是相關(guān)的。
圖解
現(xiàn)在，我們聲明幾個變量試試：
重慶分公司
重慶分公司
var name="axuebin";
var age=25;
var job;
var arr=[1,2,3];
var obj={age:25};可以通過下圖來表示數(shù)據(jù)類型在內(nèi)存中的存儲情況：
此時name,age,job三種基本數(shù)據(jù)類型是直接存在棧內(nèi)存中的，而arr,obj在棧內(nèi)存中只是存了一個地址來表示對堆內(nèi)存中的引用。
復(fù)制
基本數(shù)據(jù)類型
對于基本數(shù)據(jù)類型，如果進行復(fù)制，系統(tǒng)會自動為新的變量在棧內(nèi)存中分配一個新值，很容易理解。
引用數(shù)據(jù)類型
如果對于數(shù)組、對象這樣的引用數(shù)據(jù)類型而言，復(fù)制的時候就會有所區(qū)別了：
系統(tǒng)也會自動為新的變量在棧內(nèi)存中分配一個值，但這個值僅僅是一個地址。也就是說，復(fù)制出來的變量和原有的變量具有相同的地址值，指向堆內(nèi)存中的同一個對象。
如果所示，執(zhí)行了var objCopy=obj之后，obj和objCopy具有相同的地址值，執(zhí)行堆內(nèi)存中的同一個實際對象。
這有什么不同呢？
當我修改obj或objCopy時，都會引起另一個變量的改變。
為什么？
為什么基礎(chǔ)數(shù)據(jù)類型存在棧中，而引用數(shù)據(jù)類型存在堆中呢？
堆比棧大，棧比對速度快。
基礎(chǔ)數(shù)據(jù)類型比較穩(wěn)定，而且相對來說占用的內(nèi)存小。
引用數(shù)據(jù)類型大小是動態(tài)的，而且是無限的。
堆內(nèi)存是無序存儲，可以根據(jù)引用直接獲取。
參考文章
理解js內(nèi)存分配
原始值和引用值
在ECMAScript中，變量可以存放兩種類型的值，即原始值和引用值。
原始值指的就是代表原始數(shù)據(jù)類型（基本數(shù)據(jù)類型）的值，即Undefined,Null,Number,String,Boolean類型所表示的值。
引用值指的就是復(fù)合數(shù)據(jù)類型的值，即Object,Function,Array,以及自定義對象,等等
棧和堆
與原始值與引用值對應(yīng)存在兩種結(jié)構(gòu)的內(nèi)存即棧和堆
棧是一種后進先出的數(shù)據(jù)結(jié)構(gòu)，在javascript中可以通過Array來模擬棧的行為
原始值是存儲在棧中的簡單數(shù)據(jù)，也就是說，他們的值直接存儲在變量訪問的位置。
堆是基于散列算法的數(shù)據(jù)結(jié)構(gòu)，在javascript中，引用值是存放在堆中的。
引用值是存儲在堆中的對象，也就是說，存儲在變量處的值(即指向?qū)ο蟮淖兞?，存儲在棧中）是一個指針，指向存儲在堆中的實際對象.
例：var obj = new Object(); obj存儲在棧中它指向于new Object()這個對象，而new Object()是存放在堆中的。
那為什么引用值要放在堆中，而原始值要放在棧中，不都是在內(nèi)存中嗎，為什么不放在一起呢?那接下來，讓我們來探索問題的答案！
首先，我們來看一下代碼：
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
var num = 10;
var bol = true;
var str = "abc";
var obj = new Object();
var arr = ['a','b','c'];
var person = new Person(100,"笨蛋的座右銘",25);然后我們來看一下內(nèi)存分析圖：
變量num,bol,str為基本數(shù)據(jù)類型，它們的值，直接存放在棧中，obj,person,arr為復(fù)合數(shù)據(jù)類型，他們的引用變量存儲在棧中，指向于存儲在堆中的實際對象。
由上圖可知，我們無法直接操縱堆中的數(shù)據(jù)，也就是說我們無法直接操縱對象，但我們可以通過棧中對對象的引用來操作對象，就像我們通過遙控機操作電視機一樣，區(qū)別在于這個電視機本身并沒有控制按鈕。
現(xiàn)在讓我們來回答為什么引用值要放在堆中，而原始值要放在棧中的問題：
記住一句話：能量是守衡的，無非是時間換空間，空間換時間的問題
堆比棧大，棧比堆的運算速度快,對象是一個復(fù)雜的結(jié)構(gòu)，并且可以自由擴展，如：數(shù)組可以無限擴充，對象可以自由添加屬性。將他們放在堆中是為了不影響棧的效率。而是通過引用的方式查找到堆中的實際對象再進行操作。相對于簡單數(shù)據(jù)類型而言，簡單數(shù)據(jù)類型就比較穩(wěn)定，并且它只占據(jù)很小的內(nèi)存。不將簡單數(shù)據(jù)類型放在堆是因為通過引用到堆中查找實際對象是要花費時間的，而這個綜合成本遠大于直接從棧中取得實際值的成本。所以簡單數(shù)據(jù)類型的值直接存放在棧中。
以上是“JavaScript基礎(chǔ)之數(shù)據(jù)類型的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
