内存泄漏:
占用的内存没有及时的释放从而失去控制,从而造成内存的浪费。内存泄漏多了就容易引发内存溢出。
常见的造成内存泄漏的原因:
(1)没有清除闭包
// 函数执行完后, 函数内的局部变量没有释放, 占用内存时间会变长,容易造成内存泄露
function fun() {var a = 5function getA() {return a}return getA
}
var f = fun()
f() // 5
// f = null 让内部函数成为垃圾对象,释放闭包
(2)意外的全局变量
function fn() {var name = '张三'var age = 18address = '上海' // 没有用var定义,这时候address是全局的
}
fn() // 因为address会被变量提升到了全局变量,fn调用完成后address还保留在内存中
(3)没有清除dom元素的引用
var dom = document.getElementById('box')
document.body.removeChild(dom) // dom删除后,下面依然能打印出整个div
console.log(dom) // <div id="box">嘿嘿嘿</div>
dom = null
console.log(dom) // 释放资源,解除引用
(4)没有及时清除定时器
// 没有及时清理定时器
var timer = setInterval(() => {console.log(new Date())
}, 1000);
// clearInterval(timer) 及时清理定时器
(5)addEventListener
监听事件的解除,监听的时候addEventListener,在不监听的时候要使用removeEventListener。
内存溢出:
从字⾯意思看,就是程序⽬前需要的内存⼤于机器⽬前所能提供的内存,从⽽导致程序抛出内存溢出的错误信息