因?yàn)轫?xiàng)目需要涉及到了垃圾回收機(jī)制和內(nèi)存泄漏，查看網(wǎng)上了許多教程，未免以后遺忘故此記錄下來(lái)以便以后查閱童番。
在不需要字符串伪货、對(duì)象的時(shí)候，需要釋放其所占用的內(nèi)存踩官，否則將會(huì)消耗完系統(tǒng)中所有可用的內(nèi)存却桶，造成系統(tǒng)崩潰，這就是垃圾回收機(jī)制所存在的意義。
所謂的內(nèi)存泄漏指的是：由于疏忽或錯(cuò)誤造成程序未能釋放那些已經(jīng)不再使用的內(nèi)存颖系，造成內(nèi)存的浪費(fèi)嗅剖。
垃圾回收
javascript不同于c、c++的一個(gè)特點(diǎn)是：具有自動(dòng)的垃圾回收機(jī)制嘁扼，內(nèi)存的分配以及內(nèi)存的回收完全實(shí)現(xiàn)了自動(dòng)管理信粮，減少了許多不必要的麻煩。
所謂的垃圾回收就是找出那些不再繼續(xù)使用的變量趁啸，然后釋放其占用的內(nèi)存强缘。為此，垃圾收集器會(huì)按照固定的時(shí)間間隔(或代碼執(zhí)行中預(yù)定的收集時(shí)間)不傅，周期性地執(zhí)行這一操作旅掂。
全局變量的生命周期直至瀏覽器卸載頁(yè)面才會(huì)結(jié)束，也就是說(shuō)全局變量不會(huì)被當(dāng)成垃圾回收蛤签。
實(shí)現(xiàn)垃圾回收的方式主要有兩種：標(biāo)記清除辞友，.引用計(jì)數(shù)
1.標(biāo)記清除
目前最常用的垃圾回收的方式，也是當(dāng)前瀏覽器所采用的垃圾收集策略震肮。
原理：
在標(biāo)記清除的方式中有兩個(gè)概念：『進(jìn)入環(huán)境』和『離開(kāi)環(huán)境』称龙。『進(jìn)入環(huán)境』指變量進(jìn)入執(zhí)行的環(huán)境戳晌■曜穑『離開(kāi)環(huán)境』指變量完成任務(wù)，離開(kāi)了執(zhí)行的環(huán)境沦偎。
當(dāng)變量進(jìn)入環(huán)境時(shí)(例如在函數(shù)中聲明一個(gè)變量)疫向，將這個(gè)變量標(biāo)記為“進(jìn)入環(huán)境”，當(dāng)變量離開(kāi)環(huán)境時(shí)豪嚎，則將其標(biāo)記為“離開(kāi)環(huán)境”搔驼。標(biāo)記“離開(kāi)環(huán)境”的就回收內(nèi)存。
流程：
- 垃圾收集器在運(yùn)行的時(shí)候給存儲(chǔ)在內(nèi)存中的所有變量都加上標(biāo)記
- 去掉環(huán)境中的變量以及被環(huán)境中的變量引用的變量的標(biāo)記
- 那些還存在標(biāo)記的變量則被視為準(zhǔn)備刪除的變量侈询。
- 最后垃圾收集器會(huì)執(zhí)行內(nèi)存清除的工作舌涨，銷毀那些帶標(biāo)記的值并回收它們所占用的內(nèi)存空間
2.引用計(jì)數(shù)
原理：
引用計(jì)數(shù)的含義是跟蹤記錄每個(gè)值被引用的次數(shù)。當(dāng)聲明了一個(gè)變量并將一個(gè)引用類型值賦給該變量時(shí)扔字，則這個(gè)值的引用次數(shù)就是1囊嘉。如果同一個(gè)值又被賦給另一個(gè)變量，則該值的引用次數(shù)加 1革为。
相反扭粱，如果包含對(duì)這個(gè)值引用的變量又取得了另外一個(gè)值，則這個(gè)值的引用次數(shù)減 1震檩。當(dāng)這個(gè)值的引用次數(shù)變成 0 時(shí)琢蛤，則說(shuō)明沒(méi)有辦法再訪問(wèn)這 個(gè)值了，因而就可以將其占用的內(nèi)存空間回收回來(lái)。
這樣虐块，當(dāng)垃圾收集器下次再運(yùn)行時(shí)俩滥，它就會(huì)釋放那 些引用次數(shù)為零的值所占用的內(nèi)存。
不過(guò)這里潛在的一個(gè)問(wèn)題是：循環(huán)引用時(shí)贺奠，兩個(gè)對(duì)象都至少被引用了一次霜旧，將不能自動(dòng)被回收。所以導(dǎo)致儡率，我們常講的內(nèi)存泄露挂据。所以這種機(jī)制在js中并不常用。
『循環(huán)引用』指的是對(duì)象 A 中包含一個(gè)指向?qū)ο?B 的指針儿普，而對(duì)象 B 中也包含一個(gè)指向?qū)ο?A 的引用崎逃。對(duì)于像js類的自動(dòng)回收機(jī)制的語(yǔ)言來(lái)說(shuō)，需要額外手動(dòng)的去釋放內(nèi)存眉孩，其實(shí)并不友好个绍，例如，在下面的例子中：
function ftc(){
var A = new Object();
var B = new Object();
A.property = B;
B.property = A;
}
內(nèi)存泄漏的原因
雖然js有垃圾回收機(jī)制浪汪，但我們?cè)诰帉懘a的時(shí)候巴柿，有些情況還是會(huì)造成內(nèi)存泄漏，了解這些情況死遭，并在編寫程序的時(shí)候广恢，注意避免，我們的程序會(huì)更加完善呀潭。
1.上文我們提到了全局變量不會(huì)被當(dāng)成垃圾回收钉迷，我們?cè)诰幋a中有時(shí)會(huì)出現(xiàn)下面這種情況：
function foo() {
this.bar2 = '默認(rèn)綁定this指向全局' // 全局變量=> window.bar2
bar = '全局變量'; // 沒(méi)有聲明變量 實(shí)際上是全局變量=>window.bar
}
foo();
當(dāng)我們使用默認(rèn)綁定，this會(huì)指向全局钠署，this.something也會(huì)創(chuàng)建一個(gè)全局變量糠聪，這一點(diǎn)可能很多人沒(méi)有注意到。
解決方法：在函數(shù)內(nèi)使用嚴(yán)格模式or細(xì)心一點(diǎn)
function foo() {
"use strict";
this.bar2 = "嚴(yán)格模式下this指向undefined";
bar = "報(bào)錯(cuò)";
}
foo();
2.當(dāng)不需要setInterval或者setTimeout時(shí)谐鼎，定時(shí)器沒(méi)有被clear枷颊，定時(shí)器的回調(diào)函數(shù)以及內(nèi)部依賴的變量都不能被回收，造成內(nèi)存泄漏该面。
var someResource = getData();
setInterval(function() {
var node = document.getElementById('Node');
if(node) {
node.innerHTML = JSON.stringify(someResource));
// 定時(shí)器也沒(méi)有清除
}
// node、someResource 存儲(chǔ)了大量數(shù)據(jù) 無(wú)法回收
}, 1000);
解決方法： 在定時(shí)器完成工作的時(shí)候信卡，手動(dòng)清除定時(shí)器隔缀。
3.循環(huán)引用問(wèn)題，上文有提到
4.沒(méi)有清理DOM元素引用：
html:
<div id="test">
<span>1</span>
<span>2</span>
</div>
js:
var refA = document.getElementById("test");
document.body.removeChild(refA); // dom刪除了
console.log(refA, "refA"); // 但是還存在引用 能console出整個(gè)div 沒(méi)有被回收
refA = null;//解決方法
console.log(refA, "refA"); // 解除引用
5.console保存大量數(shù)據(jù)在內(nèi)存中傍菇。過(guò)多的console猾瘸，比如定時(shí)器的console會(huì)導(dǎo)致瀏覽器卡死。
如何避免內(nèi)存泄漏
- 減少不必要的全局變量，使用嚴(yán)格模式避免意外創(chuàng)建全局變量牵触。
- 在你使用完數(shù)據(jù)后淮悼，及時(shí)解除引用(閉包中的變量，dom引用揽思，定時(shí)器清除)袜腥。
- 組織好你的邏輯，避免死循環(huán)等造成瀏覽器卡頓钉汗，崩潰的問(wèn)題羹令。
