js垃圾回收机制

js垃圾回收机制

概念

js的内存是自动进行分配和回收的,内存在不使用的时候会被垃圾回收器自动进行回收,但是我们需要了解垃圾回收的机制,从而防止内存泄漏(内存无法被回收)

生命周期

内存创建分配: 申请变量\对象\函数等

内存使用: 对内存进行读写,也就是使用变量或函数对象等

内存销毁: 变量\函数\对象等不再使用,即被垃圾回收自动回收掉

核心算法

判断内存是否不再使用,如果是则回收

引用计数

ie采用的是引用计数

计算当前内存被引用的次数，被引用一次计数+1，不被引用一次计数-1，当计数为0，该内存释放回收

var a = { name: '张三', age: '李四' }// a地址 => {name: '张三', age: '李四'} 被引用次数 1
var b = a // b地址 => {name: '张三', age: '李四'} 被引用次数 2
var c = a // c地址 => {name: '张三', age: '李四'} 被引用次数 3

a = 1 
b = null
c = true

优势：简单有效 问题：循环引用导致内存泄漏

上图解析：

0. 函数调用，分别创建a 地址 指向 一个内存（1号内存），b地址指向一个内存（2号内存）
1. a.a1 也指向 2号内存，b.b1 指向1号内存
2. 此时1号内存被a、b.b1 引用 计数2
3. 此时2号内存被b、a.a1 引用 计数2
4. fn函数调用执行后，fn内部数据不再使用所以要进行回收，将a指向1号内存 取消，b指向2号内存取消
5. 1号内存还被 b.b1所引用，计数1 无法回收
6. 2号内存还被 a.a1 所引用，计数1 无法回收

结论：1号内存、2号内存造成循环引用无法回收，使其内存泄漏

标记清楚

现在浏览器采用的是标记清除

标记就是通过根节点（全局），标记所有从根节点开始的能够访问到的对象。未被标记的对象就是未被全局引用的垃圾对象。

最终清除所有未被标记的对象

function fn() {
  var a = {}
  var b = {}
  a.a1 = b
  b.b1 = a
}

fn()

因为fn函数内部的数据在全局无法访问到，所以fn执行后，函数内部的数据自动被清除

function fn() {
  var a = {}
  var b = {}
  a.a1 = b
  b.b1 = a
  return a
}
var obj = fn()

fn函数调用后，全局在引用着fn函数内部a的数据，a又用着b的数据，所以fn函数内部的数据全都不会清除