垃圾回收机制
垃圾回收的概念
JS代码运行时,需要分配内存空间来存储变量和值,当变量不再参与运行时,就需要系统收回被占用的内存空间。
回收机制
- JS具有自动回收机制,会定期对那些不再使用的变量、对象所占用的内存进行释放,原理就是找到不再使用的变量,然后释放掉其占用的内存。
- JS有全局变量和局部变量。 全局变量会一直保存在内存中,直到页面卸载才回收变量内存;局部变量声明在函数内部,会在函数执行结束后回收内存。
- 当使用闭包时,函数内部定义的局部变量会一直留在内存中,不会被使用。 所以尽量避免使用闭包,以免造成内存泄漏。
垃圾回收方式
- 标记清除:
- 当变量进行执行环境时,就标记这个变量
进入环境
,被标记为进入幻境
的变量是不能被回收的,因为他们正在被使用。当变量离开环境时,就会被标记为离开环境
,被标记为离开环境
的变量会被内存释放。 - 垃圾收集器在运行时会给存储在内存中的所有变量加上标记。然后,它会去掉环境中的变量和被环境中的变量引用的标记,剩下的变量将被视为需要删除的变量,垃圾收集器完成内存清除工作,销毁那些带有标记的值并回收他们所占用的内存。
- 引用计数:
- 引用计数就是跟踪记录每个值被引用的次数,当声明了一个变量并将一个引用类型赋值给该变量时,则这个值的引用次数就是1;相反,如果包含这个值引用的变量又取得另一个值,则这个值的引用次数就减1.当这个引用次数变为0,说明这个变量就没有用了,在下次垃圾回收器下次运行时会回收内存。
- 这种方法会引起循环引用问题,例如:
function fun(){
let obj1 = {}
let obj2 = {}
obj1.a = obj2 // obj1引用obj2
obj2.a = obj1 // obj2引用obj1
}
在上面的例子中,obj1和obj2相互引用,两个对象的引用次数都为2.当函数执行完后,两个对象离开作用域,但obj1和obj2的引用次数还是2,不会减为0,这样就不会被回收。
解决方式就是:手动释放内存。
obj1.a = null
obj2.a = null
减少垃圾回收
虽然浏览器可以进行自动垃圾回收,但当代码比较复杂时,垃圾回收的代价比较大,所以应该尽量减少垃圾回收。
- 对数组进行优化:在清空一个数组时,将其赋值为
[]
- 对object进行优化:对象尽量复用,对于不再使用的对象,赋值为
null
- 对函数进行优化:在循环中的
函数表达式
,如果可以复用,尽量放在函数外部
哪些情况会导致内存泄漏
- 意外的全局变量:如果一个变量未声明,就会意外的创建一个全局变量,这会使这个变量一直放在内存中无法被回收
- 被遗忘的计时器或回调函数:设置了setInterval而忘记取消它,如果循环函数有对外部变量的引用的话,那么这个变量会被一直留在内存中,而无法被回收
- 闭包:不合理的使用闭包,会导致变量一直存在内存中
- 脱离DOM的引用:获取了一个DOM元素的引用,而后面这个元素被删除,由于一直保留了对这个元素的引用,所以无法被回收