作者:

解决IE6内存泄露的简短办法

使用 try … finally 结构来使对象最终为 null ,以阻止内存泄露。

其中举了个例子:

  1. function createButton() {  
  2.     var obj = document.createElement(“button”);  
  3.     obj.innerHTML = “click me”;  
  4.     obj.onclick = function() {  
  5.         //handle onclick  
  6.     }  
  7.  
  8.     obj.onmouseover = function() {  
  9.         //handle onmouseover  
  10.     }  
  11.     return obj;//return a object which has memory leak problem in IE6  
  12. }  
  13.  
  14. var dButton = document.getElementById(“d1”).appendChild(createButton());  
  15. //skipped…. 

对于 IE6 中,引起内存泄露的原因,可看《Understanding and Solving Internet Explorer Leak Patterns》一文。

上面的例子,应该属于上文中的 “Closures”原因。

121P35M6-0

再看下用 try … finally 的解决方法:

  1. /**  
  2.      * Use the try … finally statement to resolve the memory leak issue  
  3. */ 
  4. function createButton() {  
  5.     var obj = document.createElement(“button”);  
  6.     obj.innerHTML = “click me”;  
  7.     obj.onclick = function() {  
  8.         //handle onclick  
  9.     }  
  10.     obj.onmouseover = function() {  
  11.         //handle onmouseover  
  12.     }  
  13.  
  14.     //this helps to fix the memory leak issue  
  15.     try {  
  16.         return obj;  
  17.     } finally {  
  18.         obj = null;  
  19.     }  
  20. }  
  21.  
  22. var dButton = document.getElementById(“d1”).appendChild(createButton());  
  23. //skipped…. 

可能大家有疑问: finally 是如何解析的呢?

答案是:先执行 try 语句再执行 finally 语句。

例如:

  1. function foo() {  
  2.     var x = 0;  
  3.     try {  
  4.         return print(“call return “ + (++x));  
  5.     } finally {  
  6.         print(“call finally “ + (++x));  
  7.     }  
  8. }  
  9.  
  10. print(‘before’);  
  11. print(foo());  
  12. print(‘after’); 

 返回的结果为:
print » before
print » call return 1
print » call finally 2
print » true
print » after

更多详细的演示:
《Finally, the alternative fix for IE6’s memory leak is available》

相关的一些讨论:
《Is “finally” the answer to all IE6 memory leak issues?》

发表评论

评论