一个js内存泄露的好例子
原帖在這里:http://topic.csdn.net/u/20090531/20/e0d47c96-3eb6-45ca-b824-31dddedd58c5.html,
我把樓主的例子改了一下,覺得這樣寫更緊湊!套用樓主的原話,當一個DOM對象包含一個Js對象的引用(例如一個Event Handler), 而這個Js對象又持有對這個DOM對象的引用時,一個環狀引用就行成了,于是在ie下就出現了內存泄露。點擊“運行代碼”并打開任務管理器看內存變化。分別在ie8和ff下測試,差距不用多說。
運行代碼 <script type="text/javascript"></script> <html><head><title>Memory leak</title><style>body{padding: 10px;}</style></head><body></body><script>var q = [];var n = 0;setInterval(function(){q.push(makeSpan());if(q.length>=10){var s = q.shift();if(s){s.parentNode.removeChild(s);}}n++;},10);function makeSpan(){var s = document.createElement("span");document.body.appendChild(s);var t=document.createTextNode("*** " + n + " ***");s.appendChild(t);s.οnclick=function(e){s.style.backgroundColor="red";alert(n);};return s;};</script> </html>
那么在ie下該怎么解決呢?
在刪除節點的時候,手動破除環狀引用,把里面setInterval那段代碼稍微改動以下:
setInterval(function(){q.push(makeSpan());if(q.length>=10){var s = q.shift();if(s){s.onclick = null;//關鍵在這里s.parentNode.removeChild(s);}}n++; },10);
再用ie測試.
總結
以上是生活随笔為你收集整理的一个js内存泄露的好例子的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CAD地形图等高线标高批量取整工具,解决
- 下一篇: 【STC15】串口使用