JS哪些操作会造成内存泄露

1，js的垃圾回收

JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收系统（GC）会按照固定的时间间隔,周期性的执行。

 

2，回收机制

1. 全局变量不会被回收。

2. 局部变量会被回收，也就是函数一旦运行完以后，函数内部的东西都会被销毁。

3. 只要被另外一个作用域所引用就不会被回收

 

3，回收方法

1. 标记清除，在局部变量创建时，会被标记为进入环境标记，这个时候是不会回收的，当函数执行完毕之后，标记会被标记为离开环境，这个时候就会被清除
2. 引用计数，在一个变量被创建时，每次被引用就会标记引用次数+1，一旦不再使用时引用次数-1，当检测到引用次数为0时，清除

 

4，什么是内存泄漏,什么情况下会产生

   是什么：

        因为一些代码操作导致一些需要回收的内容不符合回收机制，导致没有被回收

 

   怎么产生：

    1，意外全局变量

function aa(){
   bb=15
}

 

原因：  原本属于局部变量的bb，由于没有写var，在非严格模式下会被认为是全局变量，即window.bb===15//true ,全局变量不会被回收

解决办法：使用严格模式

    

     2，闭包引起的内存泄漏

function aa(){
    let i=10
    return function(){
        console.log(i)
    }
}

let b=aa()

 

原因：闭包实际上就是在外部函数读取函数内部的变量，这就导致内部变量被其他作用引用，无法回收

解决：解除闭包

详情：闭包

 

 

     3，被遗忘的计时器 / 回调函数

 

a,简单粗暴，setInterval()这个函数若没有设计停止机制的话，它是会一直执行下去的

let a=[]
setInterval(function(){
    a.push(1)
})

 

 

 b,回调函数

老版本的ie无法检测到Dom节点之间的循环引用，会导致内存泄漏（新浏览器不会）

let element=document.getElementById('button')

function onClick(){
    element.innerHtml='text'
}

element.addEventListener('click',onClick)

 

 

     4，dom的引用

当我们引用一个dom元素

let gogo=document.getElementByid('gogo')

 

在dom的删除时候，直接操作dom去删除我们想删的dom对象

document.body.removeChild(document.getElementByid('gogo'))

 

那么现在我们通过引用来的gogo对象则不会被回收

 

 

 

 

 

 

 

 

 

 

 

标记清除