详解JavaScript中的内存溢出/内存泄漏

内存溢出

一种程序运行出现的错误

当程序运行需要的内存超过了剩余的内存时，就抛出内存溢出的错误

在浏览器执行以下代码就会造成内存溢出

var obj = {}
for (var i = 0; i < 100000; i++) {
    obj[i] = new Array(10000000)
}
console.log('------')

内存泄漏

什么叫内存泄漏：不再用到的内存，没有及时释放，内存泄漏积累多了就容易导致内存溢出

常见的内存泄露意外的全局变量

function fn () {
    b = new Array[1000000]
    a = [] // 没有var定义，这时候a变量是全局的
}
fn()

没有及时清理的计时器或回调函数

// 没有及时清理的计时器
var fx = setInterval(function () {
    console.log('fx')
}, 1000)
clearInterval(fx ) // 及时清理计时器

闭包

function fn1 () {
    var arr = new Array[100000]
    function fn2 () {
        console.log(arr.length)
    }
    return fn2
}
var f = fn1()
f()
f()
f = null // 让内部函数成为垃圾对象，释放闭包

在IE6,7,8中的问题：由于 IE 的 JScript 对象和 DOM 对象使用不同的垃圾收集方式，因此闭包在 IE 中会导致一些问题。就是内存泄漏的问题，也就是无法销毁驻留在内存中的元素。

function fx () {
    var oDiv = document.getElementById('oDiv')
    var text = oDiv.innerHTML
    oDiv.onclick = function () {
        alert(text)
    }
    oDiv = null // 解除引用,等待垃圾回收
    alert(oDiv) // null,说明已经不存在了
}
fx()