当前位置: 首页 > news >正文

【JS深层解析】内存

前言

接触过 C 语言的小伙伴应该了解:C语言拥有底层最原始的内存管理办法,例如:malloc() 和 free()方法,它们被开发者用来从操作系统中分配和释放内存。

然而在JavaScript这门语言中,当我们创建了一个东西(可以被读写、传递的数据),浏览器中的 js 引擎会根据创建这个东西的数据类型进行内存的分配:基本数据类型在栈区分配内存,引用数据类型在堆区分配内存。当创建的这个东西不再使用时,浏览器会将其“自动”释放,这个过程被称作“垃圾回收”。

一般情况下,系统为了使程序运行时占用的内存最小,会找出不再使用的变量或没有引用关系的对象,然后释放其所占用的内存;这种自动化的内存管理方式,大大降低了开发过程中对于JS内存的管理成本;但这个过程不是实时的,因为其开销比较大,所以垃圾回收器(GC)是按照固定的时间间隔周期性的执行。

由于JS中垃圾自动回收机制的存在,所以给很多开发人员造成了一种假象:在JS中开发过程中,我们不需要考虑内存分配以及无用内存回收的问题了。这个假想在以前可能并不存在问题,但是现在,随着业务的不断复杂化,单页面应用(SPA)、移动HTML5应用和Node.js程序应用等等的发展,JS中的内存问题所导致的卡顿、内存溢出以及内存泄漏等现象便不再陌生,也使得JS内存管理变得重要起来。

所以,在使用JavaScript进行开发的过程中,了解JavaScript内存机制有助于开发人员能够清晰的认识到自己写的代码在执行的过程中发生过什么,也能够提高项目的代码质量。

一、一个好的内存管理是什么样的呢?

  1. JS内存的使用保持在较低水平

    如果浏览器的内存使用过高,容易导致浏览器崩溃。内存泄漏,导致内存无法被浏览器回收,也是引起内存使用过高的重要原因

  2. 不频繁的触发浏览器的内存回收操作

    浏览器是单线程的,垃圾回收操作时,会阻碍浏览器正常程序的执行,所以,频繁触发GC,会影响页面的流畅度,尤其在动画的执行过程中,卡顿感更加明显

二、内存生命周期

不管使用的是哪种开发语言,内存的生命周期大致相同:Allocate memory(分配内存) --> Use memory(使用内存) --> Release memory(释放内存)

  • 分配内存(Allocate memory)

    当我们申明变量、函数、对象的时候,系统会自动为它们分配内存

    注:在基础语言如C语言中,这是一个开发者自己处理确操作;但在高级语言如:JS、Java中,它已经为你处理好。

  • 使用内存(Use memory)

    读写内存,也就是使用变量、函数等。

  • 释放内存(Release memory)

    如果内存不在被需要,就把它释放掉,以便内存能够被再次使用(与分配内存的操作一样,这种操作在基础语言中是明确执行的)

例子诠释内存的生命周期

var a = 10;  // 在内存中给数值变量分配空间
alert(a + 20);  // 使用内存
var a = null; // 使用完毕之后,释放内存空间

注:垃圾回收算法依靠的主要概念就是引用。在内存管理的上

http://www.lryc.cn/news/131954.html

相关文章:

  • 第二章:25+ Python 数据操作教程(第十四节NUMPY 教程与练习)
  • Pycharm与Anaconda Python的开发环境搭建
  • 2.创建小程序
  • XenDesktop5.6如何连接数据库
  • OAuth2.0一 Spring Security OAuth2.0
  • 【linux】kernel编译时相关报错
  • C语言 功能型API --------------------strcat()
  • 企业展示小程序搭建指南
  • 大模型技术实践(一)|ChatGLM2-6B基于UCloud UK8S的创新应用
  • Flink状态和状态管理
  • 【3Ds Max】布料命令的简单使用
  • 用 VB.net,VBA 两种方式 读取单元格内的 换行数据,并出力到 CSV文件
  • kafka线上问题优化
  • FifthOne:用于矢量搜索的计算机视觉接口
  • 认识Axios
  • 系统架构设计专业技能 · 信息安全技术
  • kafka晋升之路-理论+场景
  • (牛客网)链表相加(二)
  • Vs code 使用中的小问题
  • vue2和vue3
  • 火山引擎ByteHouse:一套方案,让OLAP引擎在精准投放场景更高效
  • 【论文阅读】SHADEWATCHER:使用系统审计记录的推荐引导网络威胁分析(SP-2022)
  • Mac 使用 rar 命令行工具解压和压缩文件
  • 7.maven
  • MySQL 主从复制遇到 1590 报错
  • games101-windows环境配置(CMake+vcpkg+VS2019)
  • 2023年Java核心技术面试第五篇(篇篇万字精讲)
  • 第十课:Qt 字符编码和中文乱码相关问题
  • Go语言基础:Interface接口、Goroutines线程、Channels通道详细案例教程
  • Cesium加载ArcGIS Server4490且orgin -400 400的切片服务