内存泄露之我见

最新推荐文章于 2024-01-27 10:55:27 发布

雁舞九天

最新推荐文章于 2024-01-27 10:55:27 发布

阅读量418

点赞数

分类专栏： Javascript 文章标签： javascript function datagrid web应用开发 iframe html

本文链接：https://blog.csdn.net/fengyan5022/article/details/7750183

版权

Javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一、产生内存泄露的原因

在内存管理方面，JavaScript采用的是自动垃圾回收机制。简单地说，当我们在JavaScript中创建一个对象时，脚本引擎会负责将内存分配给对象，当引擎发现当前堆栈中没有对该对象的引用时，就会将该对象进行垃圾回收（即销毁）。我们可以通过将一个对象的引用置为空（null），显式的将一个对象销毁并回收。

和其他高级语言一样，JavaScript本身提供的这套垃圾回收机制本身并没有任何问题，在通常情况下，这套机制十分奏效。但是当我们将JavaScript与HTML DOM、XML DOM或者其他COM组件混合编写程序时（而在AJAX开发中通常如此），就会发生意想不到的内存泄漏问题。

Internet Explorer采用的是一种引用计数系统。在这套系统中，每一个HTML元素或者对象都具有一个引用计数，它记录了当前有多少个对象正在引用该元素，当计数为零的时候，它就会被自动销毁。这种引用计数系统在早期的Web应用开发看来似乎十分奏效，但是其实该方案本身就存在了一些盲点，而正是这些缺憾最终导致了著名的JavaScript内存泄漏，

二、内存泄露的几种解决方式

1、使用平台提供的$attachEvent方法订购事件

HTML DOM提供了一套订购、退订事件的机制，是分别通过attachEvent和detachEvent这一对方法实现的，但是往往我们只订购事件，而忘了detachEvent，这也是容易引发循环引用的潜在隐患之一。

MWFrameowrk框架在底层扩展了$attachEvent全局方法，它会在窗体重新加载或关闭前将之前订购过的事件进行批量退订。该方法原型如下：

$attachEvent(element, eventName, handler);

该方法包含3个参数，其中，element参数为需要订购事件的DOM元素，eventName为事件名称，而handler则为事件处理函数。

例如：平台提供的FlowPanel.js中第114行代码：

me.internalTitle.attachEvent("ondragstart", function()

{

return false;

});

可以修改为：