内存泄漏含义:
内存泄漏指任何对象在不再拥有或需要它之后任然存在。
引发内存泄漏的情况:
- 垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0(没有其他对象引用过该对象)或对该对象的唯一引用是循环的,那么该对象的内存即可回收。
setTimeout
的第一个参数使用字符串而非函数的话,会引发内存泄漏。- 闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)。
解决内存泄漏方法
global variables
对未声明的变量的引用在全局对象内创建一个新变量,在浏览器中,全局对象就是window
。
function foo(arg){ var='some text' //等同于 window.var ='some text' }
解决:创建意外的全局变量
function foo(){ this.var='potential accident' }
- 可以在 js 文件开头添加
use strict
,使用严格模式。这样在严格模式下解析 js 可以防止意外的全局变量。 - 在使用完之后,对其赋值为
null
或者重新分配。
使用 timers 或者 callbacks
在 js 中使用setInterval
非常常见。
大多数库都会提供观察者或者其它工具来处理回调函数,在他们自己的实例变为不可达时,会让回调函数也变为不可达,对于 setInterval,下面这样的代码非常常见:
var servarData=loadData() setInterval(function(){ var render =document.getElementById('render') if(render){ render.innerHTML=JSON.stringify(serverData) } },5000)
这个例子阐述着 timers 可能发生的情况:计时器会引用不再需要的节点或数据。
闭包可以访问外部(封闭)函数变量的内部函数
js 开发的一个关键方面就是闭包:一个可以访问(封闭)函数变量的内部函数。
var theThing=null var replaceThing=function(){ var originalThing=theThing var unused=function(){ if(originalThing) console.log('hi') theThing={ longStr:new Array(1000000).join('*'), someMethod:function(){ console.log('message') } } } } setInterval(replaceThing,1000)
DOM 引用
有时候,在数据结构中存储 DOM 结构是有用的,假设要快速更新表中的几行内容,将每行 DOM 的引用存储在字典或数组中可能是有意义的,当这种情况发生时,就会保留同一 DOM 元素的两份引用:一个在 DOM 树中,另一个在字典中,如果将来某个时候你决定要删除这些行,则需要让两个引用都不可达。
var elements ={ button:document.getElementById('button'), image:document.getElementById('image') } function doStuff(){ elements.image.src='http://example.com/image_name.png' } function removeImage(){ document.body.removeChild(document.getElementById('image')) }
以上就是关于引发内存泄漏的情况以及如何解决内存泄漏方法,希望对大家有用。