JavaScript的垃圾回收机制

No.内容链接
1Openlayers 【入门教程】 - 【源代码+示例300+】
2Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3Cesium 【入门教程】 - 【源代码+图文示例200+】
4MapboxGL【入门教程】 - 【源代码+图文示例150+】
5前端就业宝典 【面试题+详细答案 1000+】

在这里插入图片描述

文章目录

    • 一、垃圾回收基本原理
      • 1、 标记-清除(Mark-and-Sweep)
      • 2、引用计数
    • 二、示例代码
    • 三、注意事项
    • 四、小技巧


JavaScript的垃圾回收机制是自动管理内存分配和释放的过程,它主要通过两种策略实现:标记-清除(Mark-and-Sweep)和引用计数(Reference Counting)。现代JavaScript引擎如V8(Chrome和Node.js中使用)和SpiderMonkey(Firefox中使用)主要采用标记-清除算法,并在此基础上做了优化,如增量标记、分代回收等。以下是对垃圾回收的详细解释、示例代码以及注意事项。

一、垃圾回收基本原理

1、 标记-清除(Mark-and-Sweep)

  1. 标记阶段:从根对象(全局变量、当前执行上下文中的变量等)出发,遍历所有可达的对象,将它们标记为活动的。
  2. 清除阶段:遍历堆内存,未被标记的对象被认为是垃圾,可以被回收。

2、引用计数

  • 每个对象都有一个引用计数,每当有新的引用指向它时计数加1,引用消失时减1。
  • 当计数降为0时,对象被视为垃圾可回收。

二、示例代码

let obj = { data: "Hello" }; // 创建一个对象,分配内存
let ref = obj; // 增加一个引用,引用计数为2
obj = null; // 解除一个引用,但因为ref还存在,所以引用计数为1,对象不会被回收
ref = null; // 现在引用计数为0,理论上在引用计数策略下可以回收
// 实际上,现代JavaScript引擎会采用标记-清除,因此不依赖引用计数,但示例展示了基本概念。

三、注意事项

  1. 循环引用:两个或更多对象相互引用,即使不再被外部引用也可能阻止垃圾回收。现代JavaScript引擎通过周期收集机制解决这个问题,但设计时仍应避免不必要的循环引用。

    let objA = {};
    let objB = {};
    objA.ref = objB; // A引用B
    objB.ref = objA; // B引用A
    objA = null;
    objB = null; // 两个对象互相引用,但已断开外部连接,现代引擎可以处理这种循环引用。
    
  2. 性能影响:垃圾回收过程会消耗CPU资源,特别是在进行全量回收时可能导致应用暂停(STWASM)。优化代码减少不必要的对象创建和及时释放引用可以减轻这一影响。

  3. 内存泄漏:长时间运行的应用,特别是涉及大量DOM操作、定时器、闭包(closures)、事件监听器时,要特别注意避免内存泄漏。

  4. 现代引擎优化:了解并利用现代JavaScript引擎的特性,如V8的分代垃圾回收,年轻代(频繁回收短期对象)和老年代(较少回收长期对象)的区分,可以提高内存管理效率。

四、小技巧

  • 使用工具:利用浏览器开发者工具中的内存分析工具(如Chrome DevTools的Memory面板)来检测内存泄漏。
  • 避度量与监控:对于复杂的Web应用,实施性能监控和内存使用度量,定期检查是否有不正常的增长趋势。
  • 代码模式:遵循良好的编程实践,比如使用WeakMap和WeakSet来存储大型数据结构的引用,避免不必要的强引用。

理解垃圾回收机制,并在开发中合理应用这些知识,有助于编写内存高效、性能优越的JavaScript应用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/19481.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

匹配字符串

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 Python提供了re模块,用于实现正则表达式的操作。在实现时,可以使用re模块提供的方法(如search()、match()、finda…

深入理解Redis:多种操作方式详解

Redis(Remote Dictionary Server)是一款高性能的开源键值存储系统,广泛应用于缓存、会话管理、实时分析等领域。它支持多种数据结构,如字符串、哈希、列表、集合和有序集合等,提供了丰富的操作命令。本篇博客将详细介绍…

信息系统项目管理师0603:项目整合管理 — 考点总结(可直接理解记忆)

点击查看专栏目录 文章目录 项目整合管理 — 考点总结(可直接理解记忆) 输入、输出、工具和技术 历年考题直接考输入,输出、工具和技术的有17年11月第34、35,19年5月第34、35,20年11月27、28,21年5月第26,28,21年11月第28,22年5月第25,22年11月第22考题 项目章程是正…

CasaOS玩客云安装全平台高速下载器Gopeed并实现远程访问

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

BufferQueue 的工作原理

bufferQueue 是 Android 图形栈中的一个核心组件,它在生产者和消费者之间传递缓冲区(buffer)。它通常用于图形缓冲区管理,特别是在 SurfaceFlinger 和其他图形相关的组件中。理解 BufferQueue 的工作原理对开发高性能图形应用和解决图形渲染问题非常有帮助。 BufferQueue …

基于Python的酒店客房入侵检测系统的设计与实现

基于Python的酒店客房入侵检测系统的设计与实现 开发语言:Python 数据库:MySQL所用到的知识:Django框架工具:pycharm、Navicat、Maven 系统功能实现 酒店客房入侵管理界面 结合上文的结构搭建和用户需求,酒店客房入侵检测系统的…

【Unity Shader入门精要 第12章】屏幕后处理效果(一)

1. 原理和过程 屏幕后处理是绑定摄像机的,通过抓取当前摄像机渲染的图像作为 SrcTextrue,然后按需依次调用处理接口,对 SrcTexture 进行处理,最后将处理完成的 DstTexture 显示到屏幕上,整个过程的调度通过 C# 脚本完…

使用 C++ 在当前进程中获取指定模块的基址

C 实现 , 获取指定模块在该进程中的基址 1、流程: 获取进程的所有模块信息–>遍历模块列表 2、实现: // 我自己定义的 typedef struct moudle_date_ {HANDLE mhandle; // 句柄char mname[64]; // 名称char* date; // 数据DWORD mdword; // 基址…

【机器学习】Adaboost: 强化弱学习器的自适应提升方法

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 Adaboost: 强化弱学习器的自适应提升方法引言Adaboost基础概念弱学习器与强学习…

存储器容量小才使用SRAM芯片,容量较大时使用DRAM芯片。为什么?

在计算机系统中,存储器容量的选择涉及到多种因素,包括成本、速度和复杂性。SRAM(静态随机存取存储器)和DRAM(动态随机存取存储器)是两种常见的内存类型,它们在设计和应用上有显著的不同。以下是…

【蓝桥杯嵌入式】 第六届国赛

目录 题目 配置 注意事项 代码 - 默写大师 EEPROM读写函数 LED驱动函数 ADC采集 上电初始化 LCD 按键 PWM互补输出 全部代码 hardware.c hardware.h control.c control.h main.c 题目 配置 注意事项 复制LCD的工程,先配置资源 --- 勾选完选项一…

CCIG 2024:合合信息文档解析技术突破与应用前景

目录 背景当前大模型训练和应用面临的问题训练Token耗尽训练语料质量要求高LLM文档问答应用中文档解析不精准 合合信息的文档解析技术1. 具备多文档元素识别能力2. 具备版面分析能力3. 高性能的文档解析4. 高精准、高效率的文档解析文档多板式部分示例 文档解析典型技术难点元素…

【代码随想录Day23】|669.修建二叉搜索树、108.将有序数组转换为二叉搜索树、538.把二叉搜索树转换为累加树

669. 修剪二叉搜索树 这题最开始的想法是复用删除节点的那题的思路做,需要修改的部分就是要让程序删除完一个点后继续遍历,因为后续可能还有不符合条件的节点。但这样想也做复杂了。 这类题其实不用想用什么序遍历,用哪种方式只是为了更好的…

案例|开发一个美业小程序,都有什么功能

随着移动互联网的迅猛发展,美业连锁机构纷纷寻求数字化转型,以小程序为载体,提升服务效率,增强客户体验。 线下店现在面临的困境: 客户到店排队时间过长,体验感受差 新客引流难,老用户回头客…

基于EV54Y39A PIC-IOT WA的手指数量检测功能开发(MPLAB+ADC)

目录 项目介绍硬件介绍项目设计开发环境及工程参考总体流程图硬件基本配置光照传感器读取定时器检测逻辑 功能展示项目总结 👉 【Funpack3-2】基于EV54Y39A PIC-IOT WA的手指数量检测功能开发 👉 Github: EmbeddedCamerata/PIC-IOT_finger_recognition 项…

Flutter基础 -- Dart 语言 -- 注释函数表达式

目录 1. 注释 1.1 单行注释 1.2 多行注释 1.3 文档注释 2. 函数 2.1 定义 2.2 可选参数 2.3 可选参数 默认值 2.4 命名参数 默认值 2.5 函数内定义 2.6 Funcation 返回函数对象 2.7 匿名函数 2.8 作用域 3. 操作符 3.1 操作符表 3.2 算术操作符 3.3 相等相关的…

上海亚商投顾:沪指冲高回落 两市成交金额仅剩7000亿

上海亚商投顾前言:无惧大盘涨跌,解密龙虎榜资金,跟踪一线游资和机构资金动向,识别短期热点和强势个股。 一.市场情绪 三大指数昨日冲高回落,午后一度集体翻绿,临近尾盘小幅回升。光伏产业链再度走强&#…

aws 在ecs外部实例上运行gpu负载

参考资料 https://docs.amazonaws.cn/zh_cn/AmazonECS/latest/developerguide/ecs-gpu.htmlhttps://docs.amazonaws.cn/AWSEC2/latest/UserGuide/accelerated-computing-instances.html#gpu-instanceshttps://docs.amazonaws.cn/AWSEC2/latest/UserGuide/install-nvidia-drive…

LeetCode 63.不同路径Ⅱ

思路&#xff1a; 在有障碍物的地方增加一个判断即可 class Solution { public:int uniquePathsWithObstacles(vector<vector<int>>& obstacleGrid) {int dp[105][105];int mobstacleGrid.size();int nobstacleGrid[0].size();for(int i0;i<m;i){for(int j0…

K8s集群之 存储卷 PV PVC

目录 默写 1 如何将pod创建在指定的Node节点上 2 污点的种类(在node上设置) 一 挂载存储​​​​​​​ 1 emptyDir存储卷 2 hostPath存储卷 ①在 node01 节点上创建挂载目录 ② 在 node02 节点上创建挂载目录 ③ 创建 Pod 资源 ④ 在master上检测一下&#xff1a;…