探讨javascript内存问题

垃圾收集策略

自动垃圾收集机制原理

执行环境会负责代码执行过程中使用的内存。
比如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;
全局变量被解除引用,释放内存。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,794评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,050评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,587评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,861评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,901评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,898评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,832评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,617评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,077评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,349评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,483评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,199评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,824评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,442评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,632评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,474评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,393评论 2 352

推荐阅读更多精彩内容