前端小知识点(4):JS 运行机制和存储
目錄
被忽視的內(nèi)存管理
JS工作原理
JS代碼如何運行
JavaScript內(nèi)存的生命周期
棧內(nèi)存、堆內(nèi)存
代碼案例
運行結(jié)果
-
被忽視的內(nèi)存管理
JavaScript不像C、C++等語言——程序員必須通過調(diào)用內(nèi)存管理接口,比如 malloc()和free(),自己手動分配和釋放內(nèi)存。
JS引擎會“自動”管理內(nèi)存。也就是說,JS在創(chuàng)建變量(對象,字符串等)時分配內(nèi)存,并且在執(zhí)行完畢,將不再使用的變量的內(nèi)存空間釋放。這種自動化的管理方式,使得JS入門簡單、開發(fā)快,但同時也讓很多人忽視了對JS內(nèi)存的管理與優(yōu)化。
-
JS工作原理
每個瀏覽器都有自己的引擎,如谷歌有 V8。
不管怎樣,HTML,CSS,JS都是在瀏覽器中渲染執(zhí)行的,確切的說是瀏覽器內(nèi)核做的事情,渲染引擎和JavaScript執(zhí)行引擎。
-
JS代碼如何運行
幾乎所有JavaScript開發(fā)人員都在使用的API(例如“ setTimeout”)。但是,引擎不提供這些API。
我們擁有由瀏覽器提供的稱為Web API的東西,例如DOM,AJAX,setTimeout等。
然后,我們有了非常流行的事件循環(huán)和回調(diào)隊列。
-
JavaScript內(nèi)存的生命周期
內(nèi)存分配:分配你所需要的暫時使用內(nèi)存大小,當(dāng)申明變量、函數(shù)、對象的時候,系統(tǒng)會自動為他們分配內(nèi)存。
內(nèi)存使用:即讀寫內(nèi)存,在每次創(chuàng)建字變量、函數(shù)、對象的時候,程序會分配新內(nèi)存來存儲實體。
內(nèi)存回收:對于不需要使用的內(nèi)存將其釋放。
-
棧內(nèi)存、堆內(nèi)存
棧內(nèi)存:
1、基本類型
2、按值訪問
3、存儲的值大小固定
4、系統(tǒng)會自動分配內(nèi)存空間
5、空間小,運行效率高
6、先進后出
堆內(nèi)存:
1、引用類型
2、按照引用訪問
3、存儲大小不固定
4、內(nèi)存分配:由代碼進行分配
5、空間大,運行效率較低
6、無序存儲(根據(jù)引用直接獲取)
代碼案例
var num = 10; //內(nèi)存分配console.log( num ); //內(nèi)存使用num = null; //內(nèi)存回收(釋放)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);運行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的前端小知识点(4):JS 运行机制和存储的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Realtime Ray Tracing
- 下一篇: 前端学习(3226):回调形式的ref