浏览器垃圾回收机制

前言

浏览器垃圾回收机制 GC(Garbage Collecation):垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。

JS 回收机制

1. 标记清除

当变量进入环境时,将变量标记"进入环境",当变量离开环境时,标记为:"离开环境"。某一个时刻,垃圾回收器会过滤掉环境中的变量,以及被环境变量引用的变量,剩下的就是被视为准备回收的变量。IE、Firefox、Opera、Chrome、Safari 的 js 实现使用的都是标记清除的垃圾回收策。

2. 引用计数

变量的引用次数,被引用一次则加 1,当这个引用计数为 0 时,被视为准备回收的对象。

浏览器内存管理

GC 方案

1. 标记内存中的可达值

从根节点出发,遍历所有的对象,能访问到的,标记为可达的,否则为不可达。

2. 回收不可达值占据的内存

步骤 1 完成后,清理掉不可达的对象。

3. 内存整理

步骤 2 完成后,进行内存碎片整理。

GC 不足

浏览器进行垃圾回收的时候,会暂停 JavaScript 脚本,等垃圾回收完毕再继续执行其他代码。对于 JS 游戏、动画对连贯性要求比较高的应用,如果暂停时间很长就会造成页面卡顿。

GC 优化策略

1. 分代收集

多回收新生代,少回收老生代。

2. 增量收集

将垃圾收集工作分成更小的块,每次处理一部分,多次处理。

3. 闲时收集

在 CPU 空闲时运行,减少对代码的影响。

内存泄露

内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束

常见内存泄漏情况:

  • 全局变量
  • 闭包
  • DOM 元素引用
  • 定时器、回调
  • 子元素存在引用
  • 监听事件没有解绑

V8 引擎 GC

V8 的 GC 策略主要基于分代式垃圾回收机制,根据对象的存活时间进行不同的分代,分别采用不同的垃圾回收算法。

1. V8 的内存结构

垃圾回收的过程主要出现在新生代和老生代

带斜纹的区域代表暂未使用的内存:

①. 新生代(new_space)

新生代主要用于存放存活时间较短的对象,其两个 semispace(半空间)构成的,内存最大值在 64 位系统和 32 位系统上分别为 32MB 和 16MB,在新生代的垃圾回收过程中主要采用了 Scavenge 算法。

(1). Scavenge 算法

Scavenge 算法是一种典型的牺牲空间换取时间的算法,两个空间中,始终只有一个处于使用状态,另一个处于闲置状态。当进行垃圾回收时:

如果 From 空间中尚有存活对象,则会被复制到 To 空间进行保存,非存活的对象会被自动回收。

当复制完成后,From 空间和 To 空间完成一次角色互换,To 空间会变为新的 From 空间,原来的 From 空间则变为 To 空间。

Ⅰ. From 空间中分配了三个对象 A、B、C

Ⅱ. 当程序主线程任务第一次执行完毕后进入垃圾回收时,发现对象 A 已经没有其他引用,则表示可以对其进行回收

Ⅲ. 对象 B 和对象 C 此时依旧处于活跃状态,因此会被复制到 To 空间中进行保存

Ⅳ. 接下来将 From 空间中的所有非存活对象全部清除

Ⅴ. 此时 From 空间中的内存已经清空,开始和 To 空间完成一次角色互换

Ⅵ. 当程序主线程在执行第二个任务时,在 From 空间中分配了一个新对象 D

Ⅶ. 任务执行完毕后再次进入垃圾回收,发现对象 D 已经没有其他引用,表示可以对其进行回收

Ⅷ. 对象 B 和对象 C 此时依旧处于活跃状态,再次被复制到 To 空间中进行保存

Ⅸ. 再次将 From 空间中的所有非存活对象全部清除

Ⅹ. From 空间和 To 空间继续完成一次角色互换

Scavenge 算法过程:将存活对象在 From 空间和 To 空间之间进行复制,同时完成两个空间之间的角色互换,其缺点是:浪费了一半的内存用于复制

(2). 对象晋升

当一个对象在经过多次复制之后依旧存活,那么它会被认为是一个生命周期较长的对象,在下一次进行垃圾回收时,该对象会被直接转移到老生代中。

晋升的条件:

  • 经历过一次 Scavenge 算法

  • To 空间的内存占比超过 25%

②. 老生代(old_space)

老生代中管理着大量的存活对象,采用 Mark-Sweep(标记清除)和 Mark-Compact(标记整理)来进行管理内存。

(1). Mark-Sweep 算法

Mark-Sweep(标记清除)分为标记和清除两个阶段,

  • 标记阶段,遍历堆中的所有对象,然后标记活着的对象
  • 清除阶段,将死亡的对象进行清除

(2). 根节点

  • 全局对象
  • 本地函数的局部变量和参数
  • 当前嵌套调用链上的其他函数的变量和参数

③. 大对象区(large_object_space)

存放体积超越其他区域大小的对象,每个对象都会有自己的内存,垃圾回收不会移动大对象区。

④. 代码区(code_space)

代码对象,会被分配在这里,唯一拥有执行权限的内存区域。

⑤. map 区(map_space)

存放 Cell 和 Map,每个区域都是存放相同大小的元素。

参考

前端之浅谈浏览器的垃圾回收机制和内存泄露

一文搞懂 V8 引擎的垃圾回收


我的博客


END

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

推荐阅读更多精彩内容

  • 垃圾数据 : 有些数据被使用之后,可能就不再需要了,我们把这种数据称为垃圾数据 为什么要做垃圾回收: 数据一直保存...
    老衲不生气阅读 2,266评论 0 3
  • 一、垃圾回收机制原理   由于字符串、对象和数组没有固定大小,所有当他们的大小已知时,才能对他们进行动态的存储分配...
    GoldenSide阅读 7,625评论 0 3
  • 当需要排查各种内存溢出,内存泄漏等问题时,当垃圾收集成为系统达到更高并发的瓶颈时,我们有必要深入GC的原理。 常见...
    Real_man阅读 617评论 0 1
  • 1、范围:要回收哪些区域 在JVM五种内存模型中,有三个是不需要进行垃圾回收的:程序计数器、JVM栈、本地方法栈。...
    冰河winner阅读 533评论 0 2
  • JavaScript引擎的内存空间主要分为栈和堆。 栈 栈是临时存储空间,主要存储局部变量和函数调用。 基本类型数...
    IOneStar阅读 405评论 0 0