什么是内存泄漏？如何避免？

目录

定义

举例

常见情况

避免内存泄漏

1.及时释放DOM元素

2.避免循环引用

3.使用事件委托

4.定时器及时清除

5.避免过度使用闭包

6.可以使用内存分析工具

---

定义

内存泄漏是指在程序运行时，申请的内存空间没有被及时释放，导致程序占用的内存不断增加，最终可能导致系统崩溃或变得非常缓慢。

举例

由于疏忽或者程序的某些错误，造成未能释放已经不再使用的内存的情况。假设某个变量占用100M的内存，而你又用不到这个变量，但是这个变量没有被手动的回收或自动回收，仍然占100M的内存空间，这就是一种内存的浪费，就是内存泄漏。

常见情况

在前端开发中，内存泄漏可能会发生在 js代码中。

（1） 绑在 EventBus 的事件没有解绑

（2）全局变量造成的内存泄露，声明的全局变量在切换页面的时候没有清空。

（3）遗忘的定时器

（4）控制台的打印

（5）闭包使用不当引起内存泄漏

（6）v-if 指令产生的内存泄露

避免内存泄漏

1.及时释放DOM元素

在项目中，经常需要创建和销毁DOM元素，如果不及时销毁容易导致内存泄漏，例如使用removeChild方法从父元素中移出元素，或直接将元素设置为null。

2.避免循环引用

循环引用是指两个对象相互引用，导致内存无法被垃圾回收器释放。在 Javascript 中，可以使用 WeakMap 或者 WeakSet 来避免循环引用问题。

3.使用事件委托

如果在项目中需要大量绑定事件，可以使用事件委托来减少内存占用。事件委托是指将事件绑定到父元素上，通过事件冒泡机制来处理子元素的事件，从而减少事件绑定的数量。

4.定时器及时清除

在项目中使用定时器时，要及时清除，比如const  timer = setInterval（），在不用时要clearInterval（timer）来清除以防止内存泄漏。

5.避免过度使用闭包

在函数执行完毕后要及时释放闭包。

6.可以使用内存分析工具

可以使用 Chrome 开发者工具中的 Memory 标签来分析内存使用情况，找出造成内存泄漏的代码和问题。

总之，防止内存泄漏需要注意及时释放不再使用的资源，避免循环引用和过度使用闭包等问题。同时，也需要使用内存分析工具来监测和分析内存使用情况，及时发现和解决问题，确保程序的性能和稳定性。