美文网首页饥人谷技术博客
探讨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