js中的内存溢出和内存泄漏

内存溢出

内存溢出是一种程序运行会出现的错误，当程序所需要的内存大于剩余内存(机器能提供给你的内存),就会抛出内存溢出的错误

var obj = {}
for (var i = 0; i < 100000000; i++) {
    obj[i] = new Array[100000000]
}

内存泄漏

占用的内存没有及时的释放从而失去控制，从而造成内存的浪费。内存泄漏多了就容易引发内存溢出。

常见的内存泄漏案例：

1、意外的全局变量

function fn() {
    var name = '张三'
    var age = 18
    address = '上海'    // 没有用var定义，这时候address是全局的
}
fn()    // 因为address会被变量提升到了全局变量，fn调用完成后address还保留在内存中

2、没有及时清除定时器

// 没有及时清理定时器
var timer = setInterval(() => {
    console.log(new Date())
}, 1000);
// clearInterval(timer) 及时清理定时器

3、没有及时清理闭包

// 函数执行完后, 函数内的局部变量没有释放, 占用内存时间会变长,容易造成内存泄露
function fun() {
    var a = 5
    function getA() {
        return a
    }
    return getA
}
var f = fun()
f() // 5
// f = null     让内部函数成为垃圾对象，释放闭包

4、没有及时清理清理dom元素的引用

var dom = document.getElementById('box')
document.body.removeChild(dom)  // dom删除后，下面依然能打印出整个div
console.log(dom)    // <div id="box">嘿嘿嘿</div>
dom = null
console.log(dom)    // 释放资源，解除引用

5、addEventListener

监听事件的解除，监听的时候addEventListener，在不监听的时候要使用removeEventListener。