美文网首页饥人谷技术博客
探讨javascript内存问题

探讨javascript内存问题

作者: 林立镇 | 来源:发表于2017-08-14 15:48 被阅读0次

垃圾收集策略

自动垃圾收集机制原理

执行环境会负责代码执行过程中使用的内存。
比如var a = 1,会在栈上占有内存
找出不再继续使用的变量,然后释放其占用的内存。
垃圾收集器会按照固定的时间间隔(或根据代码执行中预定的收集时间设置时间间隔),周期性地执行释放内存操作。

标记清除策略

javascript最常用的垃圾收集方式是标记清除
当变量进入环境,比如

function(){
var a2=111;
}

a2变量将会被标记为“进入环境”
当变量离开环境时,变量会被标记为“离开环境”

垃圾收集器在运行的时候,
会给“进入环境”并存储在内存中的所有变量加上标记。

var a3=111;

当变量“离开环境”时,

function fn(){
var c = 111;
}
fn()

局部变量在函数执行之后,“离开环境”
环境中的变量和被变量引用的变量的标记都会被去掉。
这些变量将被删除,
因为环境中的变量已经访问不到这些变量,
最后完成内存清理工作,销毁相应变量的内存。
到2008年浏览器都用这种标记清除式的垃圾收集策略。

引用计数策略

跟踪记录每个值被引用的次数,
当声明一个变量并将一个引用类型值赋值给该变量时,

var a4 ;
object = new Object()
a4 = object

这个值object的引用次数就是1。
当同一个值由被赋给另一个变量,

var a5;
a5 = object;

该值object的引用次数又加1,引用次数变为2。
相反,
包含这个值object引用的变量a5又被赋予另一值object2,

object2 = new Object();
a5 = object2;

则该值object的引用次数减1,引用次数变为1。
值object2的引用次数加1,引用次数为1 。
当该值object的引用次数为0时,

object3 =new Object()
a4 = object3

则说明没法再访问该值了。
实际上并没有把值new Object()赋予变量object,
上面只是为了更好地理解对该值的引用。
因为IE浏览器的一部分对象并不是原生javascript对象,
其BOM、DOM中的对象是使用COM(组件对象模型)实现的,
这部分对象使用引用计数策略,
而原生javascript对象使用标记策略(其它浏览器则都使用该策略)

引用计数策略的缺陷
function(){
var element =document.getElementById('box')
var myObject = new Object();
myObject.someElement = element;
element.someObject = myObject;
}
在标记清除策略中,

该函数执行之后,
这两个变量都离开作用域,两个变量的标记也都被清除,
因此两个值所在内存都会被释放。
但是,

在引用计数策略中,

当函数执行之后,
两个值仍然被循环引用,引用次数是2,内存不会被释放,
则该函数在被重复多次调用之后,
因此会导致大量内存被占用而无法回收。
上例中,
element是DOM元素对象,myObject是原生javascript对象
因为DOM元素对象会使用引用计数策略,
所以会导致内存无法回收。

解决方案
myObject.someElement = null;
element.someObject = null;

变量设置为Null,会切断变量与引用的值的连接。
当垃圾收集器下次运行时,
会删除这些值,并回收它们占用的内存。

注意

IE9解决了上述缺陷,它将DOM和DOM对象都转换为了原生的javascript对象。

管理内存

浏览器分配到的内存比桌面应用程度少。
导致一个线程中能同时执行的语句数量减少。
优化内存的方式:解除引用
局部变量会在离开执行环境时,
自动被解除引用,释放内存。
全局变量和全局对象的属性,则需要手动解除引用,
否则要等垃圾收集器运行时间到时才会解除引用,

function createPerson(name){
var localPerson = new Object();
//局部变量
localPerson.name = name
return localPerson;
}
var globalPerson = createPerson('jack');
//全局变量
globalPerson = null;
//解除对全局的引用,释放该值内存

当声明createPerson函数时,
function createPerson(name){...}
引用类型(new Object())的值被局部变量localPerson引用,值存储到内存,
局部变量localPerson进入环境并被标记。

当执行createPerson函数时,
createPerson('jack')
局部变量localPerson离开环境并清除标记,释放存储该值的内存。

var globalPerson = createPerson('jack');,即值赋值给全局变量时,
引用类型(new Object())的值被全局变量globalPerson引用,值存储到内存,
全局变量globalPerson进入环境并被标记。

globalPerson = null;
全局变量被解除引用,释放内存。

相关文章

网友评论

    本文标题:探讨javascript内存问题

    本文链接:https://www.haomeiwen.com/subject/werurxtx.html