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

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

JavaScript的所有變量（包括函數(shù)）在整個(gè)處理過程中都是存放在內(nèi)存中，所以要對(duì)一個(gè)變量進(jìn)行處理。首先得為變量分配內(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ù)雜類型包含了對(duì)象（object）類型，在JavaScript中數(shù)組、函數(shù)都屬于對(duì)象類型。除了基本數(shù)據(jù)類型以外的數(shù)據(jù)類型全都是對(duì)象類型。在JavaScript中，基本數(shù)據(jù)類型變量分配在棧內(nèi)存中，其中存放了變量的值，對(duì)其是按值訪問的；而對(duì)象類型的變量則同時(shí)會(huì)分配棧內(nèi)存和堆內(nèi)存，其中棧內(nèi)存存放的是地址。堆內(nèi)存存放的是引用的值，棧內(nèi)存存放的地址指向堆內(nèi)存存放的值。對(duì)該變量的訪問是按引用來訪問的，即首先讀取到棧內(nèi)存存放的地址，然后按地址找到堆內(nèi)存讀取其中的值。

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

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

 

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

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

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

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

作者：Vam的金豆之路

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

我的微信：maomin9761

微信公眾號(hào)：前端歷劫之路