• JavaScript内存回收机制深入解读



    JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回


    收机制(GC:Garbage
    Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收


    机制的理解。


    1.用局部变量和全局变量解释GC


    GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定没有其它对象引用便释放该对象内存区域.因此如何确定对象不再被引用是


    GC的关键所在.

    1. <script>
    2. function aa(){
    3. this.rr = "弹窗";
    4. }
    5. function bb(){
    6. this.rr = "弹窗";
    7. }
    8. var b1;
    9. function cc(){
    10. var a1 = new aa();
    11. b1 = new bb();
    12. return b1;
    13. }
    14. cc();
    15. alert(b1.rr)
    16. </script>

    如上代码中,执行完cc()后a1被回收了,此后我们可以通过b1.rr弹出文字窗口.在一些基础书籍中解释为:a1为局部变量,b1是全局变量.局部


    变量执行完后会被GC回收.但不全是这样,如下代码:

    1. <script>
    2. function aa(){
    3. this.rr = "弹窗";
    4. }
    5. function bb(){
    6. this.rr = "弹窗";
    7. }
    8. function cc(){
    9. var a1 = new aa();
    10. var b1 = new bb();
    11. return b1;
    12. }
    13. var b1 = cc();
    14. alert(b1.rr);
    15. </script>

    此时cc函数中的
    a1,b1都是局部变量,但仍然会弹出文字窗口.说明b1并没有被GC回收.因此JavaScript中局部变量不是所有时候都被GC回收的.


    2.抽象理解GC


    GC回收机制还需要近一步了解。在此时引入几个概念:双向链表,作用域链,活动对象(为了方便理解,简化了原文的概念


    [http://softbbs.pconline.com.cn/9497825.html]) , 其中双向链表描述复杂对象的上下层级关系.
    作用域链与活动对象分别是双向链表


    中的某个节点.以函数cc为例变量层级关系为:

    1. window<=>cc<=>a1<=>rr
    2. <=>b1<=>rr

    (原文有详细解释)在执行cc()方法时,内存中变量的引用关系如上图,文字解释如下:


    window的活动对象包括cc,假设window是顶级对象(因为运行中不会被回收)


    cc的活动对象包括a1和b1,其作用域链是window


    a1的活动对象包括rr,其作用域链是cc


    b1的活动对象包括rr,其作用域链是cc


    执行cc()时,cc的执行环境会创建一个活动对象和一个作用域链.其局部变量a1,b1都会挂在cc的活动对象中.当cc()执行完毕后,执行环境


    会尝试回收活动对象占用的内存.但因局部变量b1 通过return
    b1,为其增加了一条作用域链:window<=>b1<=>rr,所以GC停止对b1回收.


    因此如果想将一个局部变量/函数提升为全局的,为其增加一条作用域链就OK了。


    同时控制好对象的作用域链也变得重要了.因作用域链会意外导致GC无法回收目标对象.例如:

    1. <SCRIPT LANGUAGE="JavaScript">
    2. <!--
    3. //猫
    4. function cat(name){
    5. var zhuren ;
    6. this.name = name;
    7. //设置主人
    8. this.addZhuRen = function(zr){
    9. zhuren = zr;
    10. }
    11. this.getZhuRen = function(){
    12. return zhuren;
    13. }
    14. }
    15. //主人
    16. function zhuren(name){
    17. this.name = name;
    18. }
    19. //创建主人:
    20. var zr = new zhuren("zhangsan");
    21. //创建猫
    22. var cat1 = new cat("asan");
    23. //设置该猫的主人
    24. cat1.addZhuRen(zr);
    25. //释放主人
    26. zr = null ;
    27. //此处还存在对主人对象的引用
    28. alert(cat1.getZhuRen().name)
    29. //-->
    30. </SCRIPT>
  • 相关阅读:
    简易 Javascript DOM 包 | 元素水平垂直居中 | 动态执行 JS 代码 | 获取指定元素
    POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
    算法分析_运行时间计算的一般法则C 语言复习
    函数执行效率的小比较PHP 函数学习
    最大子序列问题及其求解C 语言学习
    选择排序(Selection Sort) C 语言学习
    求两个正整数的最大公因子C 语言复习
    国外十大最流行 PHP 框架排名(转)
    将一个整数的各位数字颠倒后输出(C 语言)
    还是 push 比较好
  • 原文地址:https://www.cnblogs.com/jenry/p/2021920.html
Copyright © 2020-2023  润新知