一个js内存泄露的好例子

最新推荐文章于 2021-12-28 14:09:54 发布

sunxing007

最新推荐文章于 2021-12-28 14:09:54 发布

阅读量3.2k

点赞数

分类专栏： Javascript 文章标签： function ie 测试 html 任务 c

本文链接：https://blog.csdn.net/sunxing007/article/details/4235036

版权

Javascript 专栏收录该内容

45 篇文章 1 订阅

订阅专栏

原帖在这里：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测试.

sunxing007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个js内存泄露的好例子

原帖在这里：http://topic.csdn.net/u/20090531/20/e0d47c96-3eb6-45ca-b824-31dddedd58c5.html，我把楼主的例子改了一下，觉得这样写更紧凑！套用楼主的原话，当一个DOM对象包含一个Js对象的引用(例如一个Event Handler)，而这个Js对象又持有对这个DOM对象的引用时，一个环状引用就行成了，于是在ie下就出现了内
复制链接

扫一扫