内存泄漏
- 内存泄漏含义：
- 1.造成内存泄漏的情况
- 1.1
- 1.2
- 1.3
- 2.解决内存泄漏的方式
- 2.1global variables:
- 2.2使用timers或者callbacks
- 2.3 闭包可以访问外部（封闭）函数变量的内部函数
- 2.4DOM引用
内存泄漏含义：
内存泄漏指任何对象在不再拥有或需要它之后任然存在
1.造成内存泄漏的情况
1.1
垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为0（没有其他对象引用过该对象）或对该对象的唯一引用是循环的，那么该对象的内存即可回收
1.2
setTimeout的第一个参数使用字符串而非函数的话，会引发内存泄漏
1.3
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）
2.解决内存泄漏的方式
2.1global variables:
对未声明的变量的引用在全局对象内创建一个新变量，在浏览器中，全局对象就是window
function foo(arg){
var='some text' //等同于window.var ='some text'
}
解决:创建意外的全局变量
function foo(){
this.var='potential accident'
}
- 可以在js文件开头添加 ’ use strict’ ,使用严格模式。这样在严格模式下解析js可以防止意外的全局变量
- 在使用完之后，对其赋值为null或者重新分配
2.2使用timers或者callbacks
在js中使用setInterval非常常见
大多数库都会提供观察者或者其它工具来处理回调函数，在他们自己的实例变为不可达时，会让回调函数也变为不可达，对于setInterval,下面这样的代码非常常见
var servarData=loadData()
setInterval(function(){
var render =document.getElementById('render')
if(render){
render.innerHTML=JSON.stringify(serverData)
}
},5000)
这个例子阐述着timers可能发生的情况：计时器会引用不再需要的节点或数据
2.3 闭包可以访问外部（封闭）函数变量的内部函数
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)
2.4DOM引用
有时候，在数据结构中存储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'))
}