概念:程序未进行有效的释放
1 全局变量
'use strict' //严格模式可以解决内存泄露
function fun(){
a = 1;
this.b = 2;//this 指向window
}
fun();
console.log(a) //1 内存没释放,还可以打印 1
console.log(b) // 2 内存没释放,还可以打印 2
2 定时器
<div class="main">
主要
<div class="sub">次要</div>
</div>
2-1)有泄露 -- 清除test元素,发现还有。
var main = document.querySelector(".main");
setInterval(()=>{
var test = document.querySelect(".test");
main.removeChild(test) //2秒之后清除test
console.log(test) //清除test元素,发现还有。
},2000)
2-2)清除定时器-- 没有内存泄露
var main = document.querySelector(".main");
var time = setInterval(()=>{
var test = document.querySelect(".test");
main.removeChild(test) //2秒之后清除test
console.log(test) //清除test元素,发现还有。
if(!test){
clearInterval(time)
}
},2000)
3 闭包--存在内存泄露
function fun(name){
function fun1(){
console.log(name) //
}
return fun1;
}
var fn = fun('zhangsan')
fn() //console.log(name) 内存泄露释放不了
fn = null; //释放内存
fn()