ITPub博客

首页 > IT职业 > IT生活 > JavaScript内存泄漏的情况

JavaScript内存泄漏的情况

IT生活 作者:smanzheng 时间:2021-09-11 09:51:08 0 删除 编辑

1、意外的全局变量。

function foo(arg) {
    bar = "this is a hidden global variable";
}

2、闭包。闭包可以维持函数内局部变量,使其得不到释放。

function bindEvent(){
  var obj=document.createElement('xxx')
  obj.onclick=function(){
    // Even if it is a empty function
  }
}

上例定义事件回调时,由于是函数内定义函数,并且内部函数--事件回调引用外部函数,形成了闭包。

3、没有清理的DOM元素引用。

var elements = {
    button: document.getElementById('button'),
    image: document.getElementById('image'),
    text: document.getElementById('text')
};
function doStuff() {
    image.src = 'http://some.url/image';
    button.click();
    console.log(text.innerHTML);
}
function removeButton() {
    document.body.removeChild(document.getElementById('button'));
    // 此时,仍旧存在一个全局的 #button 的引用
    // elements 字典。button 元素仍旧在内存中,不能被 GC 回收。
}

4、被遗忘的计时器或回调函数。

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        // 处理 node 和 someResource
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);

以上就是JavaScript引发内存泄漏的情况,希望对大家有所帮助。更多Javascript学习指路:Javascript

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4759/viewspace-2829281/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-25

  • 博文量
    115
  • 访问量
    1239