系统相关
首页 > 系统相关> > JavaScript内存泄漏setTimeout问题

JavaScript内存泄漏setTimeout问题

作者:互联网

有谁知道为什么内存消耗在这里保持不变?

var count = 0;
$(init);

function init(){
    var node =  document.querySelector('.logs');

    function check(){
        var uArr = new Uint16Array(100);
        log(node, uArr.length);
        setTimeout(check,100);
    }   
    setTimeout(check,100);
}      


function log(node, text){
    if( count % 30  == 0 ){
        node.innerHTML = '';
    }
    var child = document.createElement('div');
    child.innerText = 'count ' + (count++) + " arr len "  + text;
    node.appendChild(child);
}

http://jsfiddle.net/V99Eb/11/

它应该线性增加内存分配的原因是:“ check”方法在其定义内调用自身,因此闭包变量将对内部check方法执行可用,然后再次为测试函数创建执行上下文,依此类推.

另外,在每次执行中,我们都会创建一个Uint16Array内存块,我相信它会在堆中分配,并且永远不要取消分配,因为它可以从闭包中获取.

内存配置文件:

从内存时间轴来看,随着时间的增加,内存分配似乎并没有增加.这是预期的行为吗?

解决方法:

uArr只是一个局部变量,它会在check()退出后进行分配,使用和垃圾回收.并且check()内部没有闭包. setTimeout()由check()调用(但未定义).

This page on Closures可能会有所帮助.

的确,如果有N次对check()的调用,那么将创建N个闭包(以及N个节点的副本),setTimeout()将在调用它后释放对check()的引用.因此,那里也没有泄漏.

标签:performance,memory-leaks,javascript-debugger,memory-management,javascript
来源: https://codeday.me/bug/20191121/2054722.html