简单三步，搞掂内存泄漏

原文地址：http://www.jackslocum.com/blog/2006/10/02/3-easy-steps-to-avoid-javascript-memory-leaks/

你可能还未知道，你浏览的大多数的js网站，会引起 内存泄漏。听起来有点夸张，但这是事实，难道我会骗你吗?
泄漏监视器

Leak Monitor

这是个方便的FireFox扩展，当你离开那页的时候它便会指向JavsScript对象，如果出现泄漏的话会弹出一个窗口显示细节内容，而且能够告诉你是那个对象或函数引起的泄漏。
离开http://script.aculo.us/的时候
这应该我是最常见的泄漏  prototype.js, line 74:3

The Dojo Mail 例子页面
严重的泄漏,一下子弹出两个窗口 (注意滚动条!)。

Word Press
这个更离谱。我每次写完Word press,就会出现！

访问一般的站点，你会发现大多数站点都会出现这类问题。的确，如果一些网站没有经过这样的测试，多少会让人感到震惊，--本来适当一下的修改就可以确保这种问题不会发生。
 虽然这网站（Jack'sBlog、范例）统统都是JavaScript的，但你不必担心任何泄漏的危险。

如下简单的三步：
       1. 当你完成后，设置你的 XMLHttpRequest onreadystatechange handlers 为null,
我使用 YAHOO.util.Connect 来进行XHR链接 ，因为它使用了 polling mechanism来代替readstate, 这样我不用手工set null了。我推荐你，在允许的情况下，使用YAHOO.util.Connect (或建于其之上的 YAHOO.ext.UpdateManager)。
      2. 在unload事件中清除所有 DOM event handlers object ，如果它们有引用 (Refence)的机会的话。
能够让Library做的，就不要用自己的方法做！ 对于事件event的机制，我均使用了YAHOO.util.Event来处理. 其它的library (prototype, dojo, etc) 亦有自己的相应的机制来处理。 --尽管我不清楚它们的执行效率去到那里。 如果你再仔细看看上面的截图，你会发现上面的泄漏代码都会关联到这些library里面去（用事实证明事故的源头，Frank注）
      3.除了一些基本类型的数据primitive value （String 、Number），切勿放其它任何东西在 DOM expando 或 property 。当然，你能保证及时清除它的话，便是一个例外。
       这就是最重要的金科玉律了。在DOM expando放东西，你会觉得很方便, 然后用 $()获取它, 但千万不要这样做。 真的，我知道你在想什么，现在的我已经有线想妄想症的认了.没错，很多场合都会把JS对象放到 DOM expando，也没啥状况发生，但也会有很多。。。。这种情况不容易检查出来啊！(例如：闭包closures). 所以要避免任何可能的发生,我只会按照这样的规律做.

摘要

解决这个问题并不是太难。它不需要任何技巧或经验之谈。只要注意好以上几点，一个新手novice也知道如何避免泄漏。
请拜托一些大网站（包括新的 Yahoo Mail!?!?），花点时间，做足功夫，让我（或其他人）浏览你的网页而不遭受内存泄漏。

赞 (0)

相关推荐

  • C++内存泄漏及检测工具详解

    首先我们需要知道程序有没有内存泄露,然后定位到底是哪行代码出现内存泄露了,这样才能将其修复. 最简单的方法当然是借助于专业的检测工具,比较有名如BoundsCheck,功能非常强大,相信做C++开发的人都离不开它.此外就是不使用任何工具,而是自己来实现对内存泄露的监控,分如下两种情况: 一. 在 MFC 中检测内存泄漏 假如是用MFC的程序的话,很简单.默认的就有内存泄露检测的功能. 我们用VS2005生成了一个MFC的对话框的程序,发现他可以自动的检测内存泄露.不用我们做任何特殊的操作. 仔细

  • Android内存泄漏终极解决篇（下）

    一.概述 在 Android内存泄漏终极解决篇(上)中我们介绍了如何检查一个App是否存在内存泄漏的问题,本篇将总结典型的内存泄漏的代码,并给出对应的解决方案.内存泄漏的主要问题可以分为以下几种类型: 静态变量引起的内存泄漏 非静态内部类引起的内存泄漏 资源未关闭引起的内存泄漏 二.静态变量引起的内存泄漏 在java中静态变量的生命周期是在类加载时开始,类卸载时结束.换句话说,在android中其生命周期是在进程启动时开始,进程死亡时结束.所以在程序的运行期间,如果进程没有被杀死,静态变量就会一

  • Python的内存泄漏及gc模块的使用分析

    一般来说在 Python 中,为了解决内存泄漏问题,采用了对象引用计数,并基于引用计数实现自动垃圾回收. 由于Python 有了自动垃圾回收功能,就造成了不少初学者误认为自己从此过上了好日子,不必再受内存泄漏的骚扰了.但如果仔细查看一下Python文档对 __del__() 函数的描述,就知道这种好日子里也是有阴云的.下面摘抄一点文档内容如下: Some common situations that may prevent the reference count of an object fro

  • 谈一谈Android内存泄漏问题

    内存泄漏:是指内存得不到GC的及时回收,从而造成内存占用过多,从而导致程序Crash,也就是常说的OOM. 一.static 先来看下面一段代码 public class DBHelper { private static DBHelper db= null; private DBHelper() { } public static DBHelper getInstance(Context context) { if (bitmapUtils == null) { synchronized (D

  • 插件：检测javascript的内存泄漏

    插件：检测javascript的内存泄漏

    转自:http://www.ajaxjs.com/yuicn/bbs/ShowPost.asp?ThreadID=6 2006-10-18 @ 07:59:29 · 作者 volcano Javascript的内存泄漏,不是太可怕.它只会悄悄的,慢慢的把你的浏览器拖的巨慢无比,让你愤怒的拍案而起,大骂微软出品的破烂浏览器危害社会.这一切有可能并不是浏览器的错,可能只是因为网页上有些javascript的内存泄漏罢了. 在科技日益发达今天,我们有必要武装自己,以及自己的浏览器,这样万一浏览器倒下了

  • JQuery1.4+ Ajax IE8 内存泄漏问题

    并且JQuery1.3.2版本不存在,JQuery1.4+版本存在 通过对比,最终找到这两个版本的其中一个差别 JQuery1.4+在ajax方法增加了一段代码,用于在abort时调用onreadystatechange方法 复制代码 代码如下: try { var oldAbort = xhr.abort; xhr.abort = function() { if ( xhr ) { oldAbort.call( xhr ); } onreadystatechange(); }; } catch

  • Android内存泄漏终极解决篇（上）

    Android内存泄漏终极解决篇（上）

    一.概述 在Android的开发中,经常听到"内存泄漏"这个词."内存泄漏"就是一个对象已经不需要再使用了,但是因为其它的对象持有该对象的引用,导致它的内存不能被回收."内存泄漏"的慢慢积累,最终会导致OOM的发生,千里之堤,毁于蚁穴.所以在写代码的过程中,应该要注意规避会导致"内存泄漏"的代码写法,提高软件的健壮性. 本文将从发现问题.解决问题.总结问题的三个角度出发,循序渐进,彻底解决"内存泄漏"的问题

  • javascript removeChild 导致的内存泄漏

    为得求证,自己写了一个页面来验证怎样内存泄漏.代码如下 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

  • try finally 妙用,防止内存泄漏

    function createButton(){ var obj = document.createElement("button"); obj.innerHTML="点我!"; obj.onclick=function(){ //处理click事件 } obj.onmouseover=function(){ //处理mouseover事件 } return obj;//这里由于需要返回创建的对象,所以不能把obj直接设为null. return 后obj是局部变量

  • 防止动态加载JavaScript引起的内存泄漏问题

    为了释放脚本资源,通常在返回后还要一些进行额外的处理. 复制代码 代码如下: script = document.createElement('script'); script.src = 'http://example.com/cgi-bin/jsonp?q=What+is+the+meaning+of+life%3F'; script.id = 'JSONP'; script.type = 'text/javascript'; script.charset = 'utf-8'; // 标签加

随机推荐