垃圾回收和内存泄露

什么是js中的垃圾回收机制：

• javascript中的变量的生命周期要分开来看，对于全局变量，他的生命周期会持续到页面关闭 【这里就会牵扯到内存泄露】，对于局部的变量，函数执行完后，局部变量的生命周期结束，他所占用的内存会通过垃圾回收机制释放【这就是垃圾回收机制】；

垃圾回收机制：

垃圾回收机制有两种方式可以实现：

引用计数：

• 什么是引用计数：

  • 引用计数就是，跟踪记录每个值的引用次数，当声明一个变量，并将一个引用类型值赋给该变量，这个值的引用次数就是1,如果这个值再次赋值给一个变量，则引用次数加一，相反，如果一个变量脱离了值的引用，这该值引用次数减一，当引用次数为0时，就会等待垃圾回收机制回收;

  注意：

  • 引用计数策略有一个很严重的问题：循环引用。
    如果对象 A 中包含一个指针指向对象 B，而对象 B 中也包含一个指针指向对象 A。那么这两个对象引用次数都是 2，但实际上已经可以回收了。若这种函数被反复多次调用，会导致大量内存得不到回收。

标记清除

• 什么是标记清除：
  • 当变量进入环境时，将这个变量标记为进入环境，从逻辑上说，永远不能释放进入环境的变量所占用的内存，因为我们在这个环境中可能随时会用到他们，当变量离开环境时，则将其标记为离开环境；

常见的内存泄露有：

1、 没有声明局部变量：

function a(){
    
    
    b = '柚子小哥哥'
    console.log('在这里B没有声明！')
}

• b 没有声明，会变成一个全局变量，在页面关闭之前不会被释放，在使用严格可以被避免

2、 闭包带来的内存泄露

 var num = (function (){
    
    
 var num = '柚子小哥哥';//闭包总引用，不会被回收
    return function (){
    
    
       console.dir(num)
    }
 })

3、 定时器中的内存泄露：

var num  = getDate();
setInerval(function(){
    
    
    var str = document.getElementById("str")
    if(str){
    
    
        str.innerHtml=JSON.stringify(someResource)
    }
},1000)

• 如果没有清除定时器，那个someResource，就不会被释放，如果刚好他又占用了较大的内存，就会引发性能问题，setTimeout即使结束后他的回调里面引用对象占用的内存是可以被回收的，有些场景setTimeout的计时可能会很长，这样也要考虑到；