JavaScript内存管理

垃圾回收

垃圾回收：在不须要字符串、对象的时候，须要释放其所占用的内存。

高级语言解释器嵌入了“垃圾回收器”，监控着全部对象，当对象生存周期结束时会将其删除。
内嵌的垃圾回收器的问题：自动寻找是否一些内存“再也不须要”的问题是没法断定的。垃圾回收实现只能有限制的解决通常问题。因此引出垃圾回收算法（机制）。

垃圾回收算法

垃圾回收算法主要依赖于引用的概念。在内存管理的环境中，一个对象若是有访问另外一个对象的权限（隐式或者显式），叫作一个对象引用另外一个对象。例如，一个Javascript对象具备对它原型的引用（隐式引用）和对它属性的引用（显式引用）。

在这里，“对象”的概念不只特指 JavaScript 对象，还包括函数做用域（或者全局词法做用域）。

垃圾回收算法的原理：垃圾收集器会按照固定的时间间隔，周期性的找出再也不继续使用的变量，而后释放其占用的内存。
再也不使用的变量也就是生命周期结束的变量，是局部变量，局部变量只在函数的执行过程当中存在，当函数运行结束，没有其余引用(闭包)，那么该变量会被标记回收。全局变量不会被当成垃圾回收。

“标记-清除算法”

工做原理：
当变量进入环境时(例如在函数中声明一个变量)，将这个变量标记为“进入环境”，当变量离开环境时，则将其标记为“离开环境”。标记“离开环境”的就回收内存。

工做流程：

1. 垃圾收集器会在运行的时候会给存储在内存中的全部变量都加上标记。
2. 去掉环境中的变量以及被环境中的变量引用的变量的标记。
3. 那些还存在标记的变量被视为准备删除的变量。
4. 最后垃圾收集器会执行最后一步内存清除的工做，销毁那些带标记的值并回收它们所占用的内存空间。

引用计数算法：被废弃的垃圾收集策略

内存泄露

内存泄漏：未能释放再也不使用的内存，形成内存的浪费。

• 即便是1byte的内存，也叫内存泄漏，并不必定是致使浏览器崩溃、卡顿才能叫作内存泄漏。
• 通常是堆区内存泄漏，栈区不会泄漏。
• 基本类型的值存在内存中，被保存在栈内存中，引用类型的值是对象，保存在堆内存中。因此对象、数组之类的，才会发生内存泄漏。

哪些状况会引发内存泄漏？

虽然有垃圾回收机制，但咱们在编写代码的时候，有些状况仍是会形成内存泄漏，了解这些状况，并在编写程序的时候，注意避免，咱们的程序会更具健壮性。

意外的全局变量：

全局变量不会被当成垃圾回收，咱们在编码中有时会出现下面这种状况：

function foo() {
     this.bar2 = '默认绑定this指向全局' // 全局变量=> window.bar2
      bar = '全局变量'; // 没有声明变量 其实是全局变量=>window.bar
    }
    foo();

当咱们使用默认绑定，this会指向全局，this.something也会建立一个全局变量，这一点可能不少人没有注意到。

解决方法：
1. 在函数内使用严格模式

function foo() {
      "use strict"; 
      this.bar2 = "严格模式下this指向undefined"; 
      bar = "报错";
    }
    foo();

2.手动释放全局变量的内存：

window.bar = undefined
    delete window.bar2

被遗忘的定时器和回调函数

当不须要setInterval或者setTimeout时，定时器没有被clear，定时器的回调函数以及内部依赖的变量都不能被回收，形成内存泄漏。

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        node.innerHTML = JSON.stringify(someResource));
        // 定时器也没有清除
    }
    // node、someResource 存储了大量数据 没法回收
}, 1000);

解决方法： 在定时器完成工做的时候，手动清除定时器。

闭包：

闭包能够维持函数内局部变量，使其得不到释放，形成内存泄漏。

function bindEvent() {
      var obj = document.createElement("XXX");
      var unused = function () {
          console.log(obj,'闭包内引用obj obj不会被释放');
      };
      // obj = null;
    }

解决方法：手动解除引用，obj = null。

没有清理DOM元素引用：

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

不信的话，能够看下这个dom点击预览。

解决办法：refA = null;

console保存大量数据在内存中。

过多的console，好比定时器的console会致使浏览器卡死。

解决办法：合理利用console，线上项目尽可能少的使用console。

---

参考文章：https://segmentfault.com/a/11...
参考文章：https://segmentfault.com/a/11...