美文网首页JSWeb前端之路让前端飞
JavaScript的垃圾回收机制

JavaScript的垃圾回收机制

作者: 07120665a058 | 来源:发表于2017-05-26 15:51 被阅读135次

    垃圾回收

    • 程序是运行在内存里的,当声明一个变量、定义一个函数时都会占用内存,当变量或函数不再使用时,就把所分配的内存空间释放出来,就叫做垃圾回收,它是一种自动的内存管理机制

    垃圾回收的两种策略:标记清除 和 引用计数

    引用计数

    • 如果这个对象不再被引用,就会被回收
    let obj1 = { A: 1 }; // A 的引用个数为 1 
    let obj2 = obj1;     // A 的引用个数变为 2
    obj1 = 0;            // A 的引用个数变为 1
    obj2 = 0;            // A 的引用个数变为 0,此时对象 A 就可以被回收
    

    标记清除

    • 在变量进入执行环境时,会添加一个进入标记,当变量离开时,会添加一个离开标记,标记清除是GC在运行时会给所有变量加上标记,然后去掉那些还在环境中或还被环境中变量引用的变量,清除剩下还被标记的所有变量
    • 可能导致的问题是,清除后,内容空间不连续,产生了内存碎片,可以用标记整理来解决

    常见的几种情况

    • 引用计数中的循环引用
    function func() {
        let obj1 = {};
        let obj2 = {};
        obj1.a = obj2; // obj1 引用 obj2
        obj2.a = obj1; // obj2 引用 obj1
    }
    //函数结束后,obj1,obj2的引用都不为0,因此不会被回收,这时需要手动将它们赋为null
    obj1.a = null; obj2.a = null;
    
    • 在清空数组的时候,可以给array.length=0
    • DOM操作的时候,比如:liul的子元素,与父元素是引用关系,如果保存了li的引用,则ul会一直在内存中
    const button = document.getElementById('button');
    document.body.removeChild(document.getElementById('button'));
    

    虽然删除了按钮,但是button的引用还一直在内存中,需要手动将button=null

    总结

    • 可能导致内存泄漏的一定是引用类型的变量,比如函数和其他自定义对象。值类型的变量是不存在内存泄漏的,比如字符串、数字、布尔值等,因为值类型是靠复制来传递,而引用类型是靠指针来传递
    • 减少内存垃圾的一个方法就是避免创建对象,创建对象的方式有new Object(); const obj = {};

    内存泄漏

    • 我们已经无法再引用某个对象时,但垃圾回收器却认为这个对象还在被引用,因此在回收的时候不会释放它

    相关文章

      网友评论

        本文标题:JavaScript的垃圾回收机制

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