浏览器内存泄漏

关于前端内存泄漏的问题

• 内存泄漏的概念(什么是内存泄漏)：
  不再使用的内存未能被程序释放，叫内存泄露

• 内存泄漏的影响：
  内存泄露会因为减少可用内存数量从而降低计算机性能，严重的可能导致设备停止正常工作，或者应用程序崩溃。

• 内存泄漏原因：
  当一块内存不再用到，但是垃圾回收机制又无法释放这块内存的时候，就导致内存泄漏。

内存泄漏的几种场景：
（1）全局变量：
由于JavaScript对未声明变量的处理方式是在全局对象上创建该变量的引用。如果在浏览器中，全局对象就是window对象。
变量在窗口关闭或重新刷新页面之前都不会被释放，如果未声明的变量缓存大量的数据，就会导致内存泄露。

（2）闭包
闭包可以读取函数内部的变量，然后让这些变量始终保存在内存中。如果在使用结束后没有将局部变量清除，就可能导致内存泄露。

（3）事件监听
对同一个事件重复监听，但是忘记移除，会导致内存泄露。

（4）控制台日志，console.log
console.log打印的对象不能被垃圾回收，可能会导致内存泄露。

（5）setInterval也可能会导致内存泄漏

• 怎么解决内存泄漏

1、全局变量导致的内存泄露，将变量清除 a = null 即可
2、闭包导致的内存泄漏，无法解决，因为使用闭包无法避免内存泄漏问题，所以在非特殊情况下我们要避免使用闭包函数
3、js事件监听导致的内存泄漏，监听后移除记得事件即可
4、console.log导致的内存泄漏，在我们调试完代码后，记得把console.log代码行删除 即可
5、setInterval定时器导致的内存泄漏，在使用完后加上清除定时器方法clearInterval(timer) 即可