JS 内存泄露问题整理

JS的垃圾回收机制

C/C++中，内存使用情况需要程序员自己管理，但是，JavaScript是使用垃圾回收的语言，执行环境负责在代码执行的时候管理内存。

确定哪个变量不会再被使用了，然后就释放掉该变量所占用的内存。

垃圾回收程序每隔一段时间就会自动运行，因此垃圾回收的过程是周期性的。

垃圾回收机制的两种策略

• 标记清理（常用）

  mark-and-sweep

  当变量进入上下文的时候（eg:在函数内部声明一个变量），这个变量就会被加上存在于上下文中的标记，当变量离开上下文的时候，也会被加上离开上下文的标记。

  垃圾回收程序首先标记内存中存储的所有变量，然后将所有在上下文中的变量，以及被上下文中的变量所引用的变量的标记去掉。然后垃圾回收程序开始销毁带标记的所有值，收回他们的内存，实现内存清理。（都上标记-->去掉不能删除的变量的标记-->剩下的具有标记的变量都是可以删除的）

• 引用计数

  reference counting

  对于每个变量，都记录它被引用的次数

  -- 声明变量and给他附引用值得时候，引用值置为1

  -- 这个值又被赋给另一个变量，引用数+1

  -- 保存该引用的变量被其他值覆盖，引用数-1

  -- 引用数=0 ，可以进行内存回收（代表没有变量保存该引用了，程序内部无法再访问到这个值了）

  引用计数的回收策略：

  垃圾回收程序定期回收引用数为0的内存。

  问题：

  循环引用问题，引用数永远不会变成0，如果循环引用多次，会造成大量内存不会被释放，造成内存泄露。

什么是内存泄露

一块被分配的内存没有及时地被释放出来，导致最后这块内存既不能被使用，也不能被回收，直到浏览器进程结束。

垃圾回收机制认为某对象仍然被引用，也就不会释放这个对象，导致这块内存泄露。

内存泄露由什么导致

1. 声明全局变量（全局上下文一直保留，所以不会被清理）

2. 闭包：内部函数引用外部函数内部的变量A，即便外部函数的上下文已经不存在了，只要内部函数的上下文存在，变量A就不会被释放。

3. 定时器：如果定时器中的回调函数中存在闭包，只要定时器一直运行，外部变量就一直不会被清理。

   let name = 'Alice'
   setInterval(() => {
       console.log(name);  // 此处引用了外部变量name
   },100);

4. dom元素移除