深入理解javascript之記憶體配置

深入理解javascript之記憶體配置

 

javascript中的變數分為兩種，原始值和引用值。原始值指的是未經處理資料類型的值，比如undefined,null,number,string,boolean類型所表示的值。引用值指的是複合資料型別的值，即Object,Function,Array等。

 

原始值和引用值儲存在記憶體中的位置分別為棧和堆。原始值是儲存在棧中的簡單資料區段，他們的值直接儲存在變數訪問的位置。引用值是儲存在堆中的對象。

儲存在棧中的值是一個指標，指向儲存在堆中的實際對象。

我們來看一段代碼：

 

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,"jxl",22);

 

再看看記憶體分析圖：

 

 

由可知我們無法直接操作儲存在堆中的資料，但是我們可以通過棧中的引用來操作對象。那麼為什麼要分開呢？不都是儲存在記憶體中嗎？

棧的優勢就是存取速度比堆要快，僅次於直接位於CPU中的寄存器，但缺點是，存在棧中的資料大小與生存期必須是確定的，缺乏靈活性。堆的優勢是可以動態地分配記憶體大小，生存期也不必事先告訴編譯器，垃圾收集器會自動地收走這些不再使用的資料，但是缺點是由於在運行時動態分配記憶體，所以存取速度較慢。

所以相對於單一資料型別而言，他們佔用記憶體比較小，如果放在堆中，尋找會浪費很多時間，而把堆中的資料放入棧中也會影響棧的效率。比如對象和數組是可以無限拓展的，正好放在可以動態分配大小的堆中。