您现在的位置是：课程教程文章

JavaScript内存泄漏的情况

2023-12-14 20:41课程教程文章人已围观

课程介绍: 1、 JavaScript内存泄漏的情况课程推荐; 2、 JavaScript内存泄漏的情况课程专题

1、意外的全局变量。

functionfoo(arg){
bar="thisisahiddenglobalvariable";
}

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

functionbindEvent(){
varobj=document.createElement('xxx')
obj.onclick=function(){
//Evenifitisaemptyfunction
}
}

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

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

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

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

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

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

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

课程教程：JavaScript内存泄漏的情况