JavaScript內(nèi)存管理介紹
簡介
低級(jí)語言，比如C，有低級(jí)的內(nèi)存管理基元，想malloc(),free()。另一方面，JavaScript的內(nèi)存基元在變量（對(duì)象，字符串等等）創(chuàng)建時(shí)分配，然后在他們不再被使用時(shí)“自動(dòng)”釋放。后者被稱為垃圾回收。這個(gè)“自動(dòng)”是混淆并給JavaScript（和其他高級(jí)語言）開發(fā)者一個(gè)錯(cuò)覺：他們可以不用考慮內(nèi)存管理。
內(nèi)存生命周期
不管什么程序語言，內(nèi)存生命周期基本一致：
1.分配你所需要的內(nèi)存
2.使用它（讀、寫）
3.當(dāng)它不被使用時(shí)釋放 ps：和“把大象裝冰箱“一個(gè)意思
第一二部分過程在所有語言中都很清晰。最后一步在低級(jí)語言中很清晰，但是在像JavaScript等高級(jí)語言中，最后一步不清晰。
JavaScript的內(nèi)存分配
變量初始化
為了不讓程序員為分配費(fèi)心，JavaScript在定義變量時(shí)完成內(nèi)存分配。
var n = 123; // 給數(shù)值變量分配內(nèi)存
var s = "azerty"; // 給字符型
var o = {
a: 1,
b: null
}; // 為對(duì)象及其包含變量分配內(nèi)存
var a = [1, null, "abra"]; // 為數(shù)組及其包含變量分配內(nèi)存（就像對(duì)象）
function f(a){
return a + 2;
} // 為函數(shù)（可調(diào)用的對(duì)象）分配內(nèi)存
// 函數(shù)表達(dá)式也能分配一個(gè)對(duì)象
someElement.addEventListener('click', function(){
someElement.style.backgroundColor = 'blue';
}, false);
通過函數(shù)調(diào)用的內(nèi)存分配
有些函數(shù)調(diào)用結(jié)果是分配對(duì)象內(nèi)存：
var d = new Date();
var e = document.createElement('div'); //分配一個(gè)DOM元素
有些方法分配新變量或者新對(duì)象：
var s = "azerty";
var s2 = s.substr(0, 3); // s2 is a new string
//因?yàn)閟tring是不變量，JavaScript可能沒有分配內(nèi)存，但只是存儲(chǔ)了0-3的范圍。
var a = ["ouais ouais", "nan nan"];
var a2 = ["generation", "nan nan"];
var a3 = a.concat(a2); // 新數(shù)組中有連接數(shù)組a和數(shù)組a2中的四個(gè)元素。
值的使用
使用值的過程實(shí)際上是對(duì)分配內(nèi)存進(jìn)行讀取與寫入的操作，這意味著可以寫入一個(gè)變量或者一個(gè)對(duì)象的屬性值，甚至傳遞函數(shù)的參數(shù)。
當(dāng)內(nèi)存不再需要使用時(shí)釋放
大多數(shù)內(nèi)存管理的問題都在這個(gè)階段。在這里最艱難的任務(wù)是找到“所分配的內(nèi)存確實(shí)已經(jīng)不再需要了”。它往往要求開發(fā)人員來確定在程序中哪一塊內(nèi)存不再需要并且釋放它。
高級(jí)語言解釋器嵌入了“垃圾回收器”，主要工作是跟蹤內(nèi)存的分配和使用，以便當(dāng)分配的內(nèi)存不再使用時(shí)，自動(dòng)釋放它。這個(gè)過程是一個(gè)近似的，因?yàn)橐滥硥K內(nèi)存是否需要是 無法判定的 (無法被某種算法所解決).
垃圾回收
如上文所述自動(dòng)尋找是否一些內(nèi)存“不再需要”的問題是無法判定的。因此，垃圾回收實(shí)現(xiàn)只能有限制的解決一般問題。本節(jié)將解釋必要的概念，了解主要的垃圾回收算法和它們的局限性。
引用
垃圾回收算法主要依賴于引用的概念。在內(nèi)存管理的環(huán)境中，一個(gè)對(duì)象如果有訪問另一個(gè)對(duì)象的權(quán)限（隱式或者顯式），叫做一個(gè)對(duì)象引用另一個(gè)對(duì)象。例如，一個(gè)Javascript對(duì)象具有對(duì)它 原型 的引用（隱式引用）和對(duì)它屬性的引用（顯式引用）。
在這里，“對(duì)象”的概念不僅特制Javascript對(duì)象，還包括函數(shù)作用域（或者全局詞法作用域）。
引用計(jì)數(shù)垃圾收集
這是最簡單的垃圾收集算法。此算法把“對(duì)象是否不再需要”簡化定義為“對(duì)象有沒有其他對(duì)象引用到它”。如果沒有引用指向該對(duì)象（零引用），對(duì)象將被垃圾回收機(jī)制回收。
例如
var o = {
a: {
b:2
}
};
// 兩個(gè)對(duì)象被創(chuàng)建，一個(gè)做為另一個(gè)的屬性被引用，另一個(gè)被分配給變量o
// 很顯然，沒有一個(gè)可以被垃圾收集
var o2 = o; // o2變量是第二個(gè)對(duì)“這個(gè)對(duì)象”的引用
o = 1; // 現(xiàn)在，“這個(gè)對(duì)象”的原始引用o被o2替換了
var oa = o2.a; // 引用“這個(gè)對(duì)象”的a屬性
// 現(xiàn)在，“這個(gè)對(duì)象”有兩個(gè)引用了，一個(gè)是o2，一個(gè)是oa
o2 = "yo"; // 最初的對(duì)象現(xiàn)在已經(jīng)是零引用了
// 他可以被垃圾回收了
// 然而它的屬性a的對(duì)象還在被oa引用，所以還不能回收
oa = null; // a屬性的那個(gè)對(duì)象現(xiàn)在也是零引用了
// 它可以被垃圾回收了
限制：循環(huán)引用
這個(gè)簡單的算法有一個(gè)限制，就是如果一個(gè)對(duì)象引用另一個(gè)（形成了循環(huán)引用），他們可能“不再需要”了，但是他們不會(huì)被回收。
function f(){
var o = {};
var o2 = {};
o.a = o2; // o 引用 o2
o2.a = o; // o2 引用 o
return "azerty";
}
f();
// 兩個(gè)對(duì)象被創(chuàng)建，并互相引用，形成了一個(gè)循環(huán)
// 他們被調(diào)用之后不會(huì)離開函數(shù)作用域
// 所以他們已經(jīng)沒有用了，可以被回收了
// 然而，引用計(jì)數(shù)算法考慮到他們互相都有至少一次引用，所以他們不會(huì)被回收
實(shí)際當(dāng)中的例子
IE 6, 7 對(duì)DOM對(duì)象進(jìn)行引用計(jì)數(shù)回收。對(duì)他們來說，一個(gè)常見問題就是內(nèi)存泄露：
var div = document.createElement("div");
div.onclick = function(){
doSomething();
};
// div有了一個(gè)引用指向事件處理屬性onclick
// 事件處理也有一個(gè)對(duì)div的引用可以在函數(shù)作用域中被訪問到
// 這個(gè)循環(huán)引用會(huì)導(dǎo)致兩個(gè)對(duì)象都不會(huì)被垃圾回收
標(biāo)記-清除算法
這個(gè)算法把“對(duì)象是否不再需要”簡化定義為“對(duì)象是否可以獲得”。
這個(gè)算法假定設(shè)置一個(gè)叫做根的對(duì)象（在Javascript里，根是全局對(duì)象）。定期的，垃圾回收器將從根開始，找所有從根開始引用的對(duì)象，然后找這些對(duì)象引用的對(duì)象……從根開始，垃圾回收器將找到所有可以獲得的對(duì)象和所有不能獲得的對(duì)象。
這個(gè)算法比前一個(gè)要好，因?yàn)椤坝辛阋玫膶?duì)象”總是不可獲得的，但是相反卻不一定，參考“循環(huán)引用”。
從2012年起，所有現(xiàn)代瀏覽器都使用了標(biāo)記-清除垃圾回收算法。所有對(duì)JavaScript垃圾回收算法的改進(jìn)都是基于標(biāo)記-清除算法的改進(jìn)，并沒有改進(jìn)標(biāo)記-清除算法本身和它對(duì)“對(duì)象是否不再需要”的簡化定義。
循環(huán)引用不再是問題了
在上面的示例中，函數(shù)調(diào)用返回之后，兩個(gè)對(duì)象從全局對(duì)象出發(fā)無法獲取。因此，他們將會(huì)被垃圾回收器回收。
第二個(gè)示例同樣，一旦 div 和其事件處理無法從根獲取到，他們將會(huì)被垃圾回收器回收。
限制: 對(duì)象需要明確的不可獲得
盡管這是一個(gè)限制，但是很少會(huì)被突破，這也就是為什么在現(xiàn)實(shí)中很少人會(huì)去關(guān)心垃圾回收機(jī)制。
相關(guān)文章
下面小編就為大家?guī)硪黄猨s 連續(xù)賦值的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了JavaScript 上傳文件限制參數(shù)案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了webpack4處理SCSS的方法示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
Object.defineproperty?的作用就是直接在一個(gè)對(duì)象上定義一個(gè)新屬性，或者修改一個(gè)已經(jīng)存在的屬性，這篇文章主要介紹了Object.defineproperty方法,需要的朋友可以參考下2022-12-12
利用javascript如何隨機(jī)生成一定位數(shù)的密碼
這篇文章主要給大家介紹了關(guān)于利用javascript如何隨機(jī)生成一定位數(shù)的密碼的相關(guān)資料，文中給出了詳細(xì)的示例代碼，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
JavaScript純前端實(shí)現(xiàn)語音播報(bào)和朗讀功能
這篇文章主要為大家詳細(xì)介紹了JavaScript純前端實(shí)現(xiàn)語音播報(bào)和朗讀功能的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
js實(shí)現(xiàn)的驗(yàn)證，學(xué)習(xí)用js控制td
JS日積月累001 - rows 和 cells的使用2008-12-12
這篇文章主要為大家詳細(xì)介紹了weUI應(yīng)用中利用JS封裝幾個(gè)常用的信息提示彈層的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
IFrame高度的設(shè)置問題一直都是前端的噩夢而且還要兼容各主流瀏覽器更是難上加難了，下面與大家分享下一個(gè)不錯(cuò)的技巧，感興趣的你可以參考下哈2013-06-06
JavaScript中Hoisting詳解 (變量提升與函數(shù)聲明提升)
函數(shù)聲明和變量聲明總是被JavaScript解釋器隱式地提升(hoist)到包含他們的作用域的最頂端。下面這篇文章主要給大家介紹了關(guān)于JavaScript中Hoisting(變量提升與函數(shù)聲明提升)的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08