内存溢出&内存泄漏&垃圾回收

内存溢出

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

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

内存泄漏

在程序中，由于疏忽或者错误，造成程序内存被占用而一直没有被释放从而失去控制，从而造成内存的浪费

内存泄漏 ≈ 内存浪费 ≈ 内存无法被释放

1.函数内部使用全局变量

2.定时器

3.闭包，内部函数引用外部函数变量，得不到释放

function bindEvent() {
  var obj = document.createElement('XXX')
  var func = function () {
    console.log(obj, '闭包内引用obj obj不会被释放')
  }
  obj = null // 解决方法
}

4.不清理dom元素的引用

const refA = document.getElementById('refA')
document.body.removeChild(refA) //dom删除了
console.log(refA, 'refA') //但是还存在引用能console出整个div 没有被回收
refA = null
console.log(refA, 'refA')

5.监听事件的解除

addEventListener
removeEventListener

垃圾回收:

1.标记清除: 清除掉没有被标记的变量

2.计数引用: 两个对象循环引用的时候，引用计数法没有作用

WeakMap&WeakSet

Map&Set的实例会妨碍垃圾回收

WeakMap&WeakSet的实例不会妨碍垃圾回收

const wm = new WeakMap()

const loginButton = document.querySelector('#login')// 给这个节点关联一些元数据

wm.set(loginButton, { disabled: true })

当节点从 DOM 树中被删除后，垃圾回收程序就可以立即释放其内存（假设没有其他地方引用这个对象）