JS變量的內(nèi)存分配你了解多少？

美國導(dǎo)演昆汀·塔倫蒂諾說：世界上80%的故事都已經(jīng)拍過了。所以我們要用新方法去拍老故事。

JavaScript的所有變量（包括函數(shù)）在整個處理過程中都是存放在內(nèi)存中，所以要對一個變量進行處理。首先得為變量分配內(nèi)存。JavaScript內(nèi)存分配和其他語言一樣，是根據(jù)變量的數(shù)據(jù)類型來分配內(nèi)存的，而JavaScript變量的數(shù)據(jù)類型由所賦的值的類型所決定的。JavaScript支持的數(shù)據(jù)類型可分為兩大類：基本數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型。其中基本數(shù)據(jù)類型包含了數(shù)字（number）類型、字符串（string）類型、布爾（boolean）類型、未定義（undefined）類型、空（null）類型；復(fù)雜類型包含了對象（object）類型，在JavaScript中數(shù)組、函數(shù)都屬于對象類型。除了基本數(shù)據(jù)類型以外的數(shù)據(jù)類型全都是對象類型。在JavaScript中，基本數(shù)據(jù)類型變量分配在棧內(nèi)存中，其中存放了變量的值，對其是按值訪問的；而對象類型的變量則同時會分配棧內(nèi)存和堆內(nèi)存，其中棧內(nèi)存存放的是地址。堆內(nèi)存存放的是引用的值，棧內(nèi)存存放的地址指向堆內(nèi)存存放的值。對該變量的訪問是按引用來訪問的，即首先讀取到棧內(nèi)存存放的地址，然后按地址找到堆內(nèi)存讀取其中的值。

JavaScript之所以按變量的不同數(shù)據(jù)類型來分配內(nèi)存，主要原因是棧內(nèi)存比堆內(nèi)存小，而且棧內(nèi)存的大小是固定的，而堆內(nèi)存大小可以動態(tài)變化?；緮?shù)據(jù)類型的值的大小固定，對象類型的值大小不固定，所以將它們分別存放在棧內(nèi)存和堆內(nèi)存是合理的。

function Student (id,sno,name,age){ //函數(shù)定義，Student是一個函數(shù)變量
   this.id = id;
   this.sno = sno;
   this.name = name;
   this.age = age;
}
var num = 20; //num  是一個數(shù)字變量
var bol = false; //bol 是一個布爾變量
var str = "student"; //str 是一個字符串變量
var obj = {}; //obj是一個對象變量
var arr = ['a','b']; //arr是一個數(shù)組變量
var student = new Studenta(1,"199706010016","maomin",23); //student是一個對象變量

 

上述代碼中的Student變量定義了一個構(gòu)造函數(shù)，函數(shù)的定義代碼存放在堆內(nèi)存中，該內(nèi)存對應(yīng)的地址存放在Student函數(shù)變量中。構(gòu)造函數(shù)用于創(chuàng)建對象實例，最后一行代碼正是使用了該構(gòu)造函數(shù)來創(chuàng)建了一個名字叫maomin的學(xué)生對象實例。學(xué)生實例創(chuàng)建完后會返回其在堆內(nèi)存中分配的地址，該地址被賦給了student變量。

上述代碼中的{}在堆內(nèi)存中創(chuàng)建了一個空對象，該對象的堆內(nèi)存中的地址被賦給了obj的變量。['a','b']是一個元素值分別為'a','b'的數(shù)組對象，該對象也在堆內(nèi)存中存放，其對應(yīng)的地址賦給了arr變量。除了Student、obj、arr和student這幾個變量為對象變量外，其他幾個變量num、bol、str都是基本數(shù)據(jù)類型的變量，因而它們都存在棧內(nèi)存中。

基本數(shù)據(jù)類型的變量值存儲在棧內(nèi)存，而對象類型變量，包括函數(shù)、數(shù)組和對象，在棧內(nèi)存中存儲的只是引用對象的地址，該地址為對象在堆內(nèi)存分配的地址，因而通過該地址可以找到對象類型的變量值

    歡迎關(guān)注我的公眾號「前端歷劫之路」
    ?
    回復(fù)關(guān)鍵詞電子書，即可獲取近12本前端熱門電子書。
    ?
    回復(fù)關(guān)鍵詞紅寶書第4版，即可獲取最新《JavaScript高級程序設(shè)計》（第四版）電子書。
    ?
    你還可以加我微信，我拉攏了很多IT大佬，創(chuàng)建了一個技術(shù)交流、文章分享群，歡迎你的加入。
 

作者：Vam的金豆之路

主要領(lǐng)域：前端開發(fā)

我的微信：maomin9761

微信公眾號：前端歷劫之路