js垃圾回收机制与内存泄漏

垃圾回收机制，也叫GC算法(Garbage Collection)

why？为什么要进行垃圾回收？

很多文章都说得很高大上，其实简单来理解就是垃圾持续不回收会导致浏览器系统崩溃，就这么简单

what？什么是垃圾回收机制？

简单了解一下，GC算法是JavaScript浏览器自主的一种回收垃圾数据的机制（自主行为）

GC算法回收垃圾的方法有很多，这里我们主要介绍JavaScript的常用的两种方法

how？一、引用计数

其实就是在创建变量的时候开始用一个标记取记着它引用了多少次，如果次数为零就可以作为垃圾删除了

但是这个方法有一个问题，就是循环引用的时候

如下代码：

​
var obj1={};
var obj2={};
obj1.child=obj2;
obj2.child=obj1

​

这个时候，obj1和obj2循环引用，那么他们的标记次数永远不为0，只用引用计数的方式就做不到将他们回收的目的

这个时候就有了第二个方法的产生。

二、标记清除

标记清除准确来说是对函数体内的数据有用

当在全局声明一个变量，那么我们就给他一个标记，叫做进入环境，因为全局标量是在是整个文档中都可能会用到的数据，所以不做处理，二在函数体内声明变量，会被标记进入环境，当函数执行完之后就会被标记离开变量，这个时候就可以作为垃圾垃圾回收机制回收，这也就是为啥我们在部拿不到局部变量的原因(函数执行完就删除)，记住，全局变量是不会被删除的

好，讲完两种方法，我们来讲讲什么是内存泄漏

内存泄漏

如上图，理应被回收，但是垃圾回收机制识别不到，不能被垃圾回收机制回收，依旧占用内存的情况，就叫做内存泄漏。

内存泄漏的产生情况：

1、闭包

入如下代码：

function fun(){
    var name ="laila";
    return function(){
        console.log(name);
    }
}
var par=fun()

以下代码是一个闭包，他返回的函数作为全局变量存在，不会再函数执行完之后被垃圾回收机制回收，占用内存

2、意外产生的全局变量

function fun1(){
    a="laila"//未声明
}
console.log(a)

如上代码，在函数体内并未声明就直接给变量赋值，那么JavaScript就会自动在全局中声明一个变量a，上面我们讲过了，全局作用域里变量是不会被垃圾回收机制识别的，可以在script标签中添加‘use strict’这行代码就可以了（严格模式）

3、console.log()

console.log对于我们开发员来说是必不可少的，最常见的检测代码的方式，但是他不会被回收，就会一直占用内存，当工程很大，我们打印的数据很多时，也会是不小的数据，占用很多内存

4、DOM泄露

其实原理差不多，就是某些数据依旧被引用着，不能被删除

* 浏览器中DON和了s采用的是不一样的引擎，DOM采用的是渲染引1擎，而了s采用的是v8引1擎，所以在用js探作DOM日g会比较耗费性能，因为他们需要桥来链接他们。
* 为了减少DOM的操作，我们一般将常用的DOM。我们会采用变量引用的方式会将其缓存在当前环境。
* 如果在进行一些開除、 更新操作之后，可能会忘记释放已经緩存的DOM

5、监听事件和定时器未及时清除

监听事件和定时器都需要我们手动去清除的，在使用之后我们要及时清除或解绑

以上就是垃圾回收机制和内存泄露的知识