美文网首页
JacaScript 闭包(四)内存泄漏

JacaScript 闭包(四)内存泄漏

作者: BertFu | 来源:发表于2016-11-23 08:21 被阅读59次

    由于IE9之前的版本对JScript对象和COM对象使用不同的垃圾收集例程,因此闭包在IE这些版本中会导致一些特殊的问题。具体来说,如果闭包的作用域链中保存着一个HTML元素,那么就意味着该元素将无法被销毁。

    function assignHandler() {
    var element = document.getElementById("someElement");
    
    element.onClick = function() {
    alert(element.id);
    }
    }
    

    上例代码创建了一个 element 元素时间处理程序的闭包,而这个闭包则又创建了一个循环引用。由于匿名函数保存了一个对 assignHandler() 的活动对象的引用,因此就会导致无法减少 element 的引用次数。只要匿名函数存在, element 的引用数至少也是1,因此它所占用的内存永远不会被回收。不过,这个问题可以通过稍微改写一些代码来解决。

    function assignHandler() {
    var element = document.getElementById("someElement");
    var id = element.id;
    
    element.onClick = function() {
    alert(id);
    }
    
    element = null
    }
    

    在上面的代码中,通过把 element.id 的一个副本保存在一个变量中,并且在闭包中引用该变量消除了循环引用。但仅仅做到这一步,还是不能解决内存泄漏问题。

    闭包会引用函数的整个活动对象,而其中包含着 element 。即使闭包不直接引用 element,包含函数的活动对象中也仍然会保存一个引用。

    把 element 变量设置为 null,这样就能够解除对DOM对象的引用,村里的减少其引用次数,确保正常回收其占用的内存。

    相关文章

      网友评论

          本文标题:JacaScript 闭包(四)内存泄漏

          本文链接:https://www.haomeiwen.com/subject/azwmpttx.html