在日常开发中,我们经常会无意识一些操作导致内存溢出。为此我总结一下内存溢出的几种场景供大家参考。希望能在优化自己代码的道路上有所帮助。
1、意外的全局变量
由于使用未声明的变量,而意外的创建了一个全局变量,使这个变量一直留在内存中无法被回收。
【在函数内未使用var
, let
, 或 const
声明的变量会被自动创建为全局变量】
function add() { quanju= "这个是全局变量"; }
规避方法:首先写代码时注意尽量避免使用全局变量,如果实在避免不了,在使用完后将其删除(delete quanju)或赋值为 null
2、被遗忘的计时器或回调函数
如果设置了定时器(setInterval
或 setTimeout
)或者异步回调函数(如XMLHttpRequest
的回调),但是没有正确清除(clearInterval
或 clearTimeout
),那么这些回调会保留着对它们所在的执行环境的引用,导致泄漏。
规避方法:及时清理不需要的定时器和异步回调。
3、脱离 DOM 的引用
给DOM对象添加的属性是一个对象的引用
var a = {};
document.getElementById('id').di