目錄

被忽視的內存管理

JS工作原理

JS代碼如何運行

JavaScript內存的生命周期

棧內存、堆內存

代碼案例

運行結果

---

• 被忽視的內存管理

JavaScript不像C、C++等語言——程序員必須通過調用內存管理接口，比如 malloc()和free()，自己手動分配和釋放內存。

JS引擎會“自動”管理內存。也就是說，JS在創建變量（對象，字符串等）時分配內存，并且在執行完畢，將不再使用的變量的內存空間釋放。這種自動化的管理方式，使得JS入門簡單、開發快，但同時也讓很多人忽視了對JS內存的管理與優化。

• JS工作原理

每個瀏覽器都有自己的引擎，如谷歌有 V8。

不管怎樣，HTML,CSS,JS都是在瀏覽器中渲染執行的，確切的說是瀏覽器內核做的事情，渲染引擎和JavaScript執行引擎。

• JS代碼如何運行

幾乎所有JavaScript開發人員都在使用的API（例如“ setTimeout”）。但是，引擎不提供這些API。

我們擁有由瀏覽器提供的稱為Web API的東西，例如DOM，AJAX，setTimeout等。

然后，我們有了非常流行的事件循環和回調隊列。

• JavaScript內存的生命周期

內存分配：分配你所需要的暫時使用內存大小，當申明變量、函數、對象的時候，系統會自動為他們分配內存。

內存使用：即讀寫內存，在每次創建字變量、函數、對象的時候，程序會分配新內存來存儲實體。

內存回收：對于不需要使用的內存將其釋放。

• 棧內存、堆內存

棧內存：

1、基本類型

2、按值訪問

3、存儲的值大小固定

4、系統會自動分配內存空間

5、空間小，運行效率高

6、先進后出

堆內存：

1、引用類型

2、按照引用訪問

3、存儲大小不固定

4、內存分配：由代碼進行分配

5、空間大，運行效率較低

6、無序存儲（根據引用直接獲取）

代碼案例

var num = 10; //內存分配console.log( num ); //內存使用num = null; //內存回收（釋放）var timer = setTimeout(function(){console.log(11111)})var a = 10; var b = '你好'; var c = true; var d = undefined; var e = null;var f = [1,2,3]; var g = {a:1}console.log(a);

運行結果

總結

以上是生活随笔為你收集整理的前端小知识点(4)：JS 运行机制和存储的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。