js内存泄露

js内存的机制

1. js的基本变量 boolean string number null undefined symbol 是分配在栈上的
2. js的引用类型是分配在堆上面的
3. 内存泄露只会发生在对堆区

js内存回收机制

js是用标记清楚法，部分Ie低版本使用引用计数法进行垃圾回收

上面叫内存泄露呢？

内存泄露就是 内存泄漏是指我们已经无法再通过js代码来引用到某个对象，但垃圾回收器却认为这个对象还在被引用，因此在回收的时候不会释放它 上面这句话就说成了内存泄露的根本

下面分析一段内存泄露的代码

      var demo = document.getElementById('demo');;
      var username = {name: 'username'}; //在堆上面生成一个对象
      demo.onclick = function() {
        this.innerHTML = username.name; //这里面对username进行引用
      }
      username = null; //username 置为空      var demo =    document.getElementById('demo');;
      var username = {name: 'username'}; //在堆上面生成一个对象
      demo.onclick = function() {
        this.innerHTML = username.name; //这里面对username进行引用
      }
      username = null; //username 置为空

上面的代码发送内存泄露了么？
确实是发生了， onclick函数里面引用username, js解析器会标记这个堆地址在onclick里面会有引用， 虽然最后我们设置username = null, onclick里面的标记并没有清楚，即我们无法通过代码进行引用到之前创建的username对应的堆的这个地址，也无法清楚js解析器标记的，onclick里面对这个堆地址的引用。所以发生内存泄露

那如何才能避免发生这样情况呢？ 有两种，一种是保证 这个堆地址能被我们js代码控制，另外一个的话，由于是onclick发生泄露，所以我们可以 设置 onclick = null

再来看另外一个情况

function bindEvent() 
{ 
    var obj = document.createElement("XXX"); 
    obj.onclick = function(){ 
        // ... 
    } 
}

bindEvent();

上面的发送泄露了么？ 发生了，注意是这个dom上面的onclick函数比较特殊，它会把
onclick函数注册到外面去，相当于闭包暴露在外面了，所以bindEvent会创建一个闭包，而且对于里面生成的的obj，我们是无法引用的到的，所以发生了内存泄露

参考: js的闭包和回调到底怎么才会造成真的内存泄漏呢？