1、什么是内存泄漏?
占用的内存没有及时释放,内存泄漏积累多了容易导致内存溢出。
2、常见的内存泄漏及解决方法
意外的全局变量;没有及时清理的计时器或者回调函数,闭包等
① 全局变量引起的内存泄漏
function fn(){
a = 10; // a 是全局变量,当函数执行完后并不会自动释放内存
console.log(a);
}
fn();
console.log(a);
② 计时器未结束引起的内存泄漏
// 计时器没有定义结束条件,会一直无限执行
setInterval(function fn(){
console.log("aaaaaa");
},1000);
// 正确做法
var stop = setInterval(function fn(){
console.log("aaaaaa");
},1000);
clearInterval(stop); // 结束定时器
③ 闭包引起的内存泄漏
由于闭包是会一直引用着函数内的局部变量,所以闭包内的变量并不会被浏览器所释放,导致内存一直被占用着。
function fun(){
var a = 10;
function f1(){
console.log(++a);
}
return f1;
}
var f = fun();
f();
解决方法:
让内部函数变成垃圾对象,赋值为null,及时释放,让浏览器回收闭包。
④ addEventListener
⑤ 递归情况
还有一种是递归的时候不用尾调用优化。如果层级比较深的话会造成内存消耗激增,有时候还会崩,但是只要递归完成了这些内存是会被释放的。