爲什麼此代碼在IE中導致內存泄漏？

Question

我讀在其中要求保護的下列代碼將導致內存泄漏在IE中早於版本8.

function setHandler() { 
    var elem = document.getElementById('id') 
    elem.onclick = function() { /* ... */ } 
} 

作者還提供的修補程序，以防止內存泄漏online JavaScript tutorial：

function setHandler() { 
    var elem = document.getElementById('id') 
    elem.onclick = function() { /* ... */ } 
    elem=null; 
} 

爲什麼原始代碼會導致內存泄漏，並且修復如何防止它？

Answer 1

該文給出了很好的解釋，問題是IE和循環引用。

這意味着，當你這樣做：

function setHandler() { 
    var elem = document.getElementById('id') // (1) 
    elem.onclick = function() { /* ... */ } //(2) 
} 

函數的第一行refencing第二個，第二個是參考第一和導致IE不能釋放內存，它分配給創建elem變量。

你被「毀」 ELEM的價值打破了明確去除第二參考，參考，在該行

elem = null 

使IE可以釋放內存

第二參考是因爲closure存在問題，onclick中的內部函數可以訪問elem（它存在於函數作用域中），所以它在那裏「鎖定」。

換句話說，有兩個對elem的引用，一個是在var語句中創建的，另一個是在onclick函數中創建的，並且該引用在釋放閉包之前不會被釋放。

你可以找到更多信息here，here和this stack overflow answer