js是使用垃圾回收的语言,也就是说执行环境负责在代码执行时管理内存。js为开发者卸下跟踪内存这个负担,通过自动内存管理实现内存分配和闲置资源回收。基本思路很简单:确定哪个变量不会再使用,然后释放它所占用的内存。这个过程时周期性的,即垃圾回收程序每隔一定时间(或者说在代码执行过程中某个预定的收集时间)就会自动运行。垃圾回收过程时一个近似且不完美的方案,因为某块内存是否还有用,属于不可判定的问题,意味着靠算法时解决不了的。

我们以函数中局部变量的正常生命周期为例。函数中的局部变量会在函数执行时存在。此时,栈(或堆)内存会分配空间以保存相应的值。函数在内部使用了变量,然后退出。此时,就不再需要那个局部变量了,它占用的内存可以释放,供后面使用。这种情况下显然不再需要局部变量了,但并不是所有时候都会这么明显。垃圾回收程序必须跟踪记录哪个变量还会使用,以及哪个变量不会再使用,以便回收内存。如何标记未使用的变量也许有很多不同的实现方式。不过,在浏览器的发展史上,用到过两种主要的标记策略:
标记清理引用计数

1. 标记清理(mark-and-sweep)
标记清理是js最常用的垃圾回收策略。
当变量进入上下文,比如在函数内部声明一个变量时,这个变量会被加上存在于上下文中的标记。而在上下文中的变量,逻辑上讲,永远不应该释放它们的内存,因为只要上下文中的代码在运行,就有可能用到它们。当变量离开上下文时,也会被加上离开上下文的标记。

给变量加标记的方式有很多种。比如,当变量进入上下文时,反转某一位;或者可以维护‘在上下文中’和‘不在上下文中’两个变量列表,可以把变量从一个列表转移到另一个列表。标记过程的实现并不重要,关键时策略。

垃圾回收程序运行的时候,会标记内存中储存的所有变量,然后会将所有在上下文中的变量,以及被在上下文中的变量引用的变量的标记去掉。在此之后再被加上标记的变量就是待删除的了,原因是任何在上下文中的变量都访问不到它们了。随后垃圾回收程序做一次内存清理,销毁带标记的所有值并收回它们的内存。

2. 引用计数
其思路是对每个值都记录它被引用的次数。声明变量并给它赋一个引用值时,这个值的引用数为1.如果同一个值又被赋给另一个变量,那么引用数加1.类似地,如果保存对该值引用地变量被其他值给覆盖了,那么引用数-1.当一个值地引用数为0时,就说明没办法再访问到这个值了,因此可以安全地回收其内存了。垃圾回收程序下次运行的时候就会释放引用数为0的值的内存。

引用计数最早由Netscape Navigator 3.0采用,但很快就遇到了严重的问题:循环引用。所谓循环引用,就是对象A有一个指针指向对象B,而对象B也引用了对象A。比如

function problem(){let objectA=new Object();let objectB=new Object();objectA.someOtherObject=objectB;objectB.anotherObject=objectA;
}

在这个例子中,objectA和objectB通过各自的属性相互引用,意味着它们的引用数都是2.在标记清理策略下,这不是问题,因为在函数结束后,这两个对象都不在作用域中。而在引用计数策略下,objectA和objectB在函数结束后还会存在,因为它们的引用数永远不会变成0。如果函数被多次调用,则会导致大量的内存永远不会被释放。为此,Netscape在4.0版放弃了引用计数,转而采用标记清理,事实上,引用计数策略的问题还远不止如此。

在IE8以及更早版本的IE中,并非所有对象都是原生js对象。BOM和DOM中的对象使用引用计数实现垃圾回收。因此,即使这些版本IE的js引擎使用标记清理,js存取的COM对象依旧使用引用计数。换句话说,只要涉及COM对象,就无法避免循环引用问题。

下面这个简单的例子就展示了涉及COM对象的循环引用问题:

let element=document.getElementById("some_element");
let myObject=new Object();
myObject.element=element;
element.someObject=myObject;

这个例子在一个DOM对象(element)和一个原生js对象(myObject)之间制造了循环引用。myObject变量有一个名为element的属性指向DOM对象element,而element对象有一个someObject属指回myObject对象。由于存在循环引用,因此DOM元素的内存永远不会被回收,即使它一家被从页面上删除了也是如此。

为避免类似循环引用问题,应该在确保不使用的情况下切断原生js对象与DOM元素之间的连接。比如,通过以下代码可以清除前面例子中建立的循环引用:

myObject.element=null;
element.someObject=null;

把变量设置为null实际上会切断变量与其之前引用值之间的关系。当下次垃圾回收程序运行时,这些值就会被删除,内存也会被回收。

为了补救这一点,IE9把BOM和DOM对象都改成了js对象,这同时也避免了由于存在两套垃圾回收算法而导致的问题,还消除了常用的内存泄露现象。

关于js垃圾回收的标记清理与引用计数就说明到这里了,下一章,我们来讲讲有什么合理地方式能对我们内存进行良好地管理。关于垃圾回收牵扯的方面很多,处理好也是对性能的一种优化。

学习是一个长期坚持地过程,之前很多时候我都在想的很多,结果导致我越来越迷茫。当我明白了路就在脚下的时候,我开始不想停留在原地,我想走得更高,更远! 今天,谢谢切图仔们请的烧烤呢,感谢一路有你们,能一起学习,一起进步!

引自JavaScript高级程序设计

js垃圾回收的标记清理与引用计数相关推荐

  1. 【JVM基础】垃圾回收算法详解(引用计数、标记、清除、压缩、复制)

    前言 笔记参考 Java 全栈知识体系.星羽恒.星空茶 文章目录 前言 垃圾回收概述 引用计数法 案例 优点 缺点 标记.清除.压缩 标记 清除 压缩 标记清除算法 优点 缺点 标记压缩算法 优点 缺 ...

  2. JS垃圾回收——和其他语言一样,JavaScript 的 GC 策略也无法避免一个问题:GC 时,停止响应其他操作,这是为了安全考虑...

    JavaScript 内存管理 & 垃圾回收机制 标记清除 js 中最常用的垃圾回收方式就是标记清除.当变量进入环境时,例如,在函数中声明一个变量,就将这个而变量标记为"进入环境&q ...

  3. 前端面试常考题:JS垃圾回收机制

    摘要:众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整 ...

  4. JS 垃圾回收机制解析

    概述 JS是一门具有自动垃圾回收机制的语言,开发人员不必关心内存分配和回收问题. JS的垃圾回收机制是为了以防内存泄漏,内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,垃圾回收机制就是间歇的 ...

  5. JS 垃圾回收机制以及垃圾回收策略

    垃圾回收机制 什么是垃圾回收机制: 解释:执行环境负责管理代码执行过程中使用的内存.JS的垃圾回收机制是为了以防内存泄漏,简单来说就是:间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存. ...

  6. js垃圾回收机制(Gc)

    js垃圾收机制(Gc) 1.GC(garbage collection):js具有自动垃圾回收机制,即执行环境会负责管理代码执行过程中使用的内存, 2.GC会定期(周期性)找出那些不再继续使用的变量, ...

  7. js垃圾回收机制,内存泄露和内存溢出,解决闭包产生的内存泄露详解

    一.内存的周期和回收机制 分配内存----->使用内存----->释放内存 1.JS 环境中分配的内存有如下声明周期: 内存分配:当我们声明变量.函数.对象的时候,系统会自动为他们分配内存 ...

  8. V8引擎和JS垃圾回收机制的详解

    1.V8引擎和垃圾处理机制 1.1.v8 1.1.1.V8的内存限制 一般后端语言中,基本的内存使用上没有什么限制**,然后node中通过js使用内存会发现,只能使用部分内存,64位系统约1.4GB, ...

  9. JS垃圾回收机制是怎样的?

    1.概述 js的垃圾回收机制是为了防止内存泄漏(已经不需要的某一块内存还一直存在着),垃圾回收机制就是不停歇的寻找这些不再使用的变量,并且释放掉它所指向的内存. 在JS中,JS的执行环境会负责管理代码 ...

最新文章

  1. 2021年,作为算法工程师的你们会在CV业务落地上用Transformer吗?
  2. 计算机设备报废界定,福建省国家税务局关于印发《计算机及其附属设备报废淘汰暂行办法》的通知...
  3. 提升软文营销曝光量可从这几方面着手操作
  4. mysql 语句怎样修饰约束_MySQL中的约束,添加约束,删除约束,以及一些其他修饰讲解...
  5. 函数模板,函数模板重载,可变参数模板,函数模板覆盖,通过引用交换数据
  6. IE9相比IE8丢失了什么?
  7. java for循环死循环_Java for循环进化
  8. yolov5的wts权重转成tensorrt的engine权重一定要注意的问题:版本匹配(有什么问题可以私信我)
  9. Redis:四、jedis连接redis服务器
  10. uniapp的云购商城源码/java电商系统APP源码
  11. 高清优质PPT模板20篇下载(金融投资系列)
  12. centos linux引导修复_Linux 引导修复
  13. protobuf入门教程(四):repeated限定修饰符
  14. 关于pend post 与 accept
  15. 战略、战术(和 OKR)
  16. 如何将PDF文档进行翻译?PDF文档翻译简单方法介绍
  17. 用js写一个功德木鱼
  18. 软件设计领域没有银弹,但代码大师MaxKanat-Alexander的建议绝对能给你带来启发...
  19. Linux中EXT3与EXT4的区别!
  20. ThinkPHP5.0 中使用荣联云通讯

热门文章

  1. 【开发工具】Windows环境下 IDEA 开发工具安装配置(无错完整)
  2. 3dsmaxC4DbodypainterPS画贴图三、摆放已经调节好大小比例的UV。
  3. (四) Nepxion-Thunder分布式RPC集成框架 - 扫描框架
  4. C++入门到进阶系列课程目录
  5. 顶级 JavaScript 技巧
  6. 检验身份证号的唯一性
  7. 无需注册,不限次数!北大团队搞出ChatExcel
  8. python3 str或bytes转换函数
  9. 你需要改掉的Python开发习惯(三)
  10. 连续两周荣登涨粉榜,“说学逗唱”的老头,如何让人高举支持大旗