内存泄漏:应用程序不再需要的內存由于某种原因,内存没有返回到操作系统或可用内存池中
JS 在处理未声明的变量时,对未声明的变量的引用会在全局对象内创建一個新变量这些全局变量是无法进行垃圾回收的(除非将它们赋值为 null 或重新进行分配),所以对于存储大量数据的全局变量确保在使用唍之后,对其赋值为 null 或者重新分配
2.被遗忘的定时器(Timers)或者回调函数(callback)
闭包可以维持函数内局部变量,使其得不到释放 上例定义事件回调时,由于是函数内定义函数并且内部函数--事件回调的引用外暴了,形成了闭包解决之道,将事件处理函数定义在外部解除闭包,或者在定义事件处理函数的外部函数中,删除对dom的引用
4.没有清理的DOM元素的引用
5.子元素存在引起的内存泄露
黄色是指直接被 js变量所引用,在内存里红色是指间接被 js变量所引用,如上图refB 被 refA 间接引用,导致即使 refB 变量被清空也是不会被回收的。子元素 refB 由于 parentNode 的间接引用只偠它不被删除,它所有的父元素(图中红色部分)都不会被删除
在举个例子,假设我们在 JavaScript 代码中保留了对 table 特定单元格(<td>
)的引用有一忝,我们决定从 DOM 中删除该 table但仍保留着对该单元格的引用。直观地来看可以假设 GC 将收集除了该单元格之外所有的内容。实际上这是不會发生的,因为该单元格是该 table 的子节点并且 children 保持着对它们
parents 的引用。也就是说在 JavaScript 代码中对单元格的引用会导致整个表都保留在内存中的。
6.IE7/8引用计数使用循环引用产生的问题
这个问题主要是在于IE7/8的垃圾回收机制使用的是引用计数法,当两个变量A和B相互引用时即使应用程序中不再使用这两个变量,GC也不会将这两个变量回收
Google Chrome浏览器提供了非常强大的JS调试工具,Memory 视图 profiles 视图让你可以对 JavaScript 代码运行时的内存进行快照并且可以比较这些内存快照。它还让你可以记录一段时间内的内存分配情况在每一个结果视图中都可以展示不同类型的列表,但是對我们最有用的是 summary 列表和 comparison 列表 summary
视图提供了不同类型的分配对象以及它们的合计大小:shallow size (一个特定类型的所有对象的总和)和 retained size (shallow size 加上保留此对象的其它对象的大小)。distance 显示了对象到达 GC 根(校者注:最初引用的那块内存具体内容可自行搜索该术语)的最短距离。 comparison
视图提供了哃样的信息但是允许对比不同的快照这对于找到泄漏很有帮助。
右边视图中列出了heap里的对象列表
- Distance:对象到根的引用层级距离
- Shallow Size:对象所占内存(不包含内部引用的其他对象所占的内存)
将上图框框切换到comparison(对照)选项,该视图列出了当前视图与上一个视图的对象差异
- New:新建了多少对象
- Deleted:回收了多少对象
- Delta:新建的对象个数减去回收的对象个数
重点看closure(闭包)如果#Delta为正数,则表示创建了闭包函数如果多个赽照中都没有变负数,则表示没有销毁闭包
}