详谈JavaScript内存泄漏

前端技术 2023/09/08 JavaScript

1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。

2、JavaScript垃圾回收机制

     JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。

http://msdn.microsoft.com/en-us/library/bb250448.aspx）。

    这里只讨论其中一种，即循环引用所造成的内存泄漏，因为，这是一种最普遍的情况。

    当在DOM元素或一个ActiveX对象与普通JavaScript对象之间存在循环引用时，IE在释放这类变量时存在特殊的困难，最好手动切断循环引用，这个bug在IE 7中已经被修复了（http://www.quirksmode.org/blog/archives/2006/04/ie_7_and_javasc.html）。

   “IE 6 suffered from memory leaks when a circular reference between several objects, among which at least one DOM node, was created. This problem has been solved in IE 7. ”

    如果上面的例子（第4点）中obj引用的不是一个JavaScript Function对象（inner），而是一个ActiveX对象或Dom元素，这样在IE中所形成的循环引用无法得到释放。

复制代码 代码如下:

    function init(){
        var elem = document.getElementByid( \'id\' );
        elem.onclick = function(){
            alert(\'rain-man\');
            //这里引用了elem元素
        };
    }

Elem引用了它的click事件的监听函数，同样该函数通过其作用域链也引用回了elem元素。这样在IE中即使离开当前页面也不会释放这些循环引用。

6、解决方法

   基本的方法就是手动清除这种循环引用，下面一个十分简单的例子，实际应用时可以自己构建一个addEvent()函数，并且在window的unload事件上对所有事件绑定进行清除。

复制代码 代码如下:

    function outer(){
        var one = document.getElementById( \'one\' );
        one.onclick = function(){};
    }
    window.onunload = function(){
        var one = document.getElementById( \'one\' );
        one.onclick = null;
    };

 其它方法（by:Douglas Crockford）

复制代码 代码如下:

/**
 * 遍历某一元素节点及其所有后代元素
 *
 * @param Elem node  所要清除的元素节点
 * @param function func  进行处理的函数
 *
 */
function walkTheDOM(node, func) {
    func(node);
    node = node.firstChild;
    while (node) {
        walkTheDOM(node, func);
        node = node.nextSibling;
    }
}
/**
 * 清除dom节点的所有引用，防止内存泄露
 *
 * @param Elem node  所要清除的元素节点
 *
 */
function purgeEventHandlers(node) {
    walkTheDOM(node, function (e) {
        for (var n in e) {           
            if (typeof e[n] ===
                    \'function\') {
                e[n] = null;
            }
        }
    });

以上就是JavaScript内存泄漏的相关内容以及解决方案了，有需要的小伙伴可以参考下

本文地址：https://www.stayed.cn/item/23323

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案