摘要：假如沒有此時會進行優(yōu)化把不會被任何閉包用到的變量從詞法環(huán)境中去掉從而消除內(nèi)存泄漏。良好的編碼方式了解一下常見現(xiàn)象可以減少內(nèi)存泄漏現(xiàn)象產(chǎn)生同時在由于失誤產(chǎn)生泄漏時保持清醒的思路借助進行分析定位。

內(nèi)存泄漏一般是由于我們編碼缺陷導致的,首先明確一下內(nèi)存泄漏的定義,就是應用程序不需要,但是又不能返回給操作系統(tǒng)以供重新分配使用,導致可用內(nèi)存越來越少的現(xiàn)象。下面總結(jié)一下在browser端內(nèi)存泄漏幾種方式

function test () {
    age ="xxx"
    this.name = "ycg"
}
test()

說明
本來函數(shù)執(zhí)行完棧釋放,但是失誤行為,導致棧中本應該聲明為局部的變量變成了全局,導致變量所占用空間無法釋放,好的編碼習慣可以防止此類失誤,例如借助eslint等

 var someResource = "jsdt".repeat(100000);
    setInterval(function() {
        var node = document.getElementById("node");
        if(node) {
            // Do stuff with node and someResource.
            node.innerHTML = JSON.stringify(someResource);
        }
    }, 100);

說明 由于定時器中持有node節(jié)點引用,導致即使node節(jié)點被移除,所占據(jù)空間任然無法被釋放

var theThing = null;
var replaceThing = function () {
  var originalThing = theThing;
  // Define a closure that references originalThing but doesn"t ever
  // actually get called. But because this closure exists,
  // originalThing will be in the lexical environment for all
  // closures defined in replaceThing, instead of being optimized
  // out of it. If you remove this function, there is no leak.
  var unused = function () {
    if (originalThing)
      console.log("hi");
  };
  theThing = {
    longStr: new Date()+new Array(1000000).join("*"),
    // While originalThing is theoretically accessible by this
    // function, it obviously doesn"t use it. But because
    // originalThing is part of the lexical environment, someMethod
    // will hold a reference to originalThing, and so even though we
    // are replacing theThing with something that has no effective
    // way to reference the old value of theThing, the old value
    // will never get cleaned up!
    someMethod: function () {}
  };
  // If you add `originalThing = null` here, there is no leak.
};
setInterval(replaceThing, 1000);

說明 注釋中已經(jīng)很好的說明了產(chǎn)生現(xiàn)象的原因,就是說同一父級作用域創(chuàng)建的各種閉包作用域是共享的,unused引用originalThing,雖沒使用,但是詞法作用域環(huán)境已經(jīng)創(chuàng)建。假如沒有unused,此時v8會進行優(yōu)化,把不會被任何閉包用到的變量從詞法環(huán)境中去掉,從而消除內(nèi)存泄漏。下圖是我本地browser實驗現(xiàn)象截取,可以看到使用內(nèi)存一直在增加,并且從對比視圖中看到,一直有新的string被創(chuàng)建,只增不減。

圖示dom樹中,如果#tree變成游離態(tài),但是葉子節(jié)點leaf被js變量引用。除非消除引用,否則游離態(tài)的#tree無法被GC

首先必須明確的概念是瀏覽器不能幫助我們解決內(nèi)存泄漏,只是幫我們GC,免得人力手動GC。GC算法規(guī)則限制了只能清除符合特定條件的對象。良好的編碼方式,了解一下常見memory leak現(xiàn)象可以減少內(nèi)存泄漏現(xiàn)象產(chǎn)生,同時在由于失誤產(chǎn)生泄漏時,保持清醒的思路,借助devtool進行分析定位。

參考鏈接

https://blog.meteor.com/an-in...
https://blog.sessionstack.com...