js中的内存泄露

什么是内存泄漏

内存泄漏是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存。

并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。程序的运行需要内存，只要程序提出要求，操作系统或者运行时
就必须供给内存，对于持续运行的服务进程，必须及时释放不再用到的内存，否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。

垃圾回收机制

js具有自动垃圾回收机制，执行环境负责管理代码执行过程中使用的内存。垃圾收集器会周期性找出那些不继续使用的变量，然后将其释放。

垃圾回收机制主要通过两种方式实现：标记清除和引用计数

标记清除

js中最常用的垃圾回收机制，当变量进入执行环境时，就标记这个变量为“进入环境’’，进入环境的变量所占用的内存就不能释放，当变量离开环境时，则将其标记为”离开环境“

垃圾回收程序运行的时候，会标记内存中存储的所有变量，然后，它会将所有在上下文中的变量，以及被上下文引用的变量的标记去掉，在此之后，再被标记的变量就是待删除的了，原因是任何再上下文中的变量都访问不到它们了。

let m = 0,
  n = 19; //把m,n ,add()标记进入环境
add(m, n); //把a,b,c标记为进入环境
console.log(n); //把a,b,c标记为离开环境，等待垃圾回收

function add(a, b) {
  a++;
  let c = a + b;
  return c;
}

引用计数

语言引擎有-张”引用表”，保存了内存里面所有的资源(通常是各种值)的引用次数。如果一个值的引用次数是0，就表示这个值不再用到了，因此可以将这块内存释放。如果一个值不再需要了，引用数却不为0，垃圾回收机制无法释放这块内存，从而导致内存泄漏。

1 2	const arr = [1，2，3，4]; console.log( 'hello world') ;

上面代码中，数组[1, 2, 3，4]是一个值，会占用内存。变量arr是仅有的对这个值的引用，因此引用次数为1。尽管后面的代码没有用到arr，它还是会持续占用内存，如果需要这块内存被垃圾回收机制释放，只要设置如下:

1	arr = nu1l

常见的内存泄漏情况

在函数中意外的全局变量

1
2
3

function foo(arg) {
bar = "this is a global variable"
}

this意外创建全局变量

function foo() {
this.variable = "potential accidental global"
}
foo();//foo调用自己，this指向全局对象window.

闭包

function bindEvent() {
let obj = document.createElemet('xxx')
let unused = function (){
consloe.log(obj,'闭包引用obj，obj不会被释放')

obj = null;//解决方法
}

没有及时清理DOM元素

const refA = document.getElementById('refA');
document.body.removeChild(refA); //删除了DOM
console.log(refA); //但是还存在引用
refA = null; //解除引用
console.log(refA);

在使用事件监听addEventListener的时候，在不见听的情况在使用removeElementListener取消