js内存管理系列篇一:内存分析

简介: 我是web光明顶一期的学生,本文是对深究JS原理这个阶段的分析。

我是web光明顶一期的学生,本文是对深究JS原理这个阶段的分析。


在js里面,内存的概念大都被忽略了,大家都知道js是门高级语言,有自动的垃圾回收机制,所以很多人理所当然的觉得这个事情是不需要我们管的,那么你就大错特错了。


像C语言这样的底层语言一般都有底层的内存管理接口,比如 malloc()和free()。相反,java,JavaScript是在创建变量(对象,字符串等)时自动进行了分配内存,并且在不使用它们时“自动”释放。 释放的过程称为垃圾回收。这个“自动”是混乱的根源,并让JavaScript(和其他高级语言)开发者错误的感觉他们可以不关心内存管理。那么,就存在了很大一个误区:我们以为我们压根就不用管内存这一块,所以一直都没注意,所以会导致一系列问题,比如内存泄漏。

1.png


日常碰到的问题


1. 问题一

写了一个for循环,不小心写成了个死循环,发现浏览器卡死了,为什么?这个就是因为不停的循环,变量一直在递增。把内存耗没了。可能大家还不知道什么问题,你都找不到问题在哪。你还以为是下小电影的时候把电脑搞中毒了。


2.问题二

写游戏程序的时候,这个内存问题尤为突出,如果发生了卡顿或者延迟,这个很大几率就是内存不足的问题,我们可能定义了很多全局变量,或者闭包,使用完之后却没有回收,那么它将一直存在于内存中,甚至发生内存泄漏。


3.问题三

喜欢看斗鱼直播或其它直播的朋友,大家是不是有碰到过这个问题?页面看久了忽然崩掉了,需要重新刷新,产生这种问题的原因可能有两个,1是内存持续增加没有去清理,崩掉了。2是flash里的bug 产生的内存泄露。


由此可见,内存是和性能直接相关的,是非常重要的一环。

那我们就来讲一讲内存


内存模型(堆与栈)


js中并没有严格意义上区分栈内存与堆内存。因此我们可以粗浅的理解为js的所有数据都保存在堆内存中。但是在某些场景,我们仍然需要基于堆栈数据结构的思路进行处理。


那么先来讲一讲它的内存空间存储原理

2.png

为什么要把它类比成乒乓球盒子?


这种乒乓球的存放方式与栈中存取数据的方式是一样的。处于盒子中最顶层的乒乓球c,它一定是最后被放进去,但可以最先被使用。而我们想要使用底层的乒乓球I,就必须将上面的4个乒乓球取出来,让乒乓球1处于盒子顶层。这就是栈空间先进后出,后进先出的特点。图中已经详细的表明了栈空间的存储原理。


队列与堆栈


队列: 是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出

堆栈: 是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出


js数组实现队列和堆栈的功能

 //队列 先进先出
 let arr = new Array();
  arr.unshift(1);
  arr.unshift(2);
  arr.unshift(3);
  arr.pop();
  console.log(arr);
  //堆栈 先进后出
  let arr2 = new Array();
  arr2.push(1);
  arr2.push(2);
  arr2.push(3);
  arr2.pop();
  console.log(arr2);

队列应用场景

比如说我们常用的QQ 它有一个回收机制大家知道吧,当长时间未登录的时候 就收回去 删掉这个用户 重新拿出来卖钱(一般是靓号) 美滋滋,那肯定是先排序,看谁未登录的时间最长,就先把它干掉 是不是 不可能是我上一秒刚登陆和个靓妹聊天 下一秒就把我干掉了 那我还不报警

这个时候就用队列方法 从前往后面删 我们的数据库存了用户 当库存不下了 也是这么操作的


堆栈应用场景

比如说我们做了一个楼盘预售活动 名额100,报名200个,这个时候也就是从后往前删,先报名的保留。后面报名的逐个删除。


内存分配


这是两道道关于内存面试题,当我进行如下操作时,这时候,b是多少?

 let a = 10;
 let b = a;
 b = 20;

在变量对象中的数据发生复制行为时,系统会自动为新的变量分配一个新值。给它新建一块内存空间

let b = a执行之后,a与b虽然值都等于10,但是他们其实已经是相互独立互不影响的值了。具体如图。所以我们修改了b的值以后,a的值并不会发生变化。

这是基本数据类型的相关操作。3.png

那么如果是这样的情况呢?引用类型,这时候的obj.aa为多少?

  let obj = {aa:20,bb:30};
  let obk = obj;
   obk.aa = 10;

通过let obk = obj;执行一次复制引用类型的操作。引用类型的复制同样也会为新的变量自动分配一个新的值保存在变量对象中,

但不同的是,这个新的值,仅仅只是引用类型的一个地址指针。

当地址指针相同时,尽管他们相互独立,但是在变量对象中访问到的具体对象实际上是同一个。因此当我改变obk时,obj也发生了变化。这就是引用类型的特性。如图所示。4.png


4.png

目录
相关文章
|
22天前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
172 77
|
22天前
|
监控 JavaScript
选择适合自己的Node.js内存监控工具
选择合适的内存监控工具是优化 Node.js 应用内存使用的重要一步,它可以帮助你更好地了解内存状况,及时发现问题并采取措施,提高应用的性能和稳定性。
114 76
|
22天前
|
监控 JavaScript 数据库连接
解读Node.js内存监控工具生成的报告
需要注意的是,不同的内存监控工具可能会有不同的报告格式和内容,具体的解读方法可能会有所差异。因此,在使用具体工具时,还需要参考其相关的文档和说明,以更好地理解和利用报告中的信息。通过深入解读内存监控报告,我们可以不断优化 Node.js 应用的内存使用,提高其性能和稳定性。
100 74
|
20天前
|
存储 缓存 监控
如何使用内存监控工具来优化 Node.js 应用的性能
需要注意的是,不同的内存监控工具可能具有不同的功能和特点,在使用时需要根据具体工具的要求和操作指南进行正确使用和分析。
63 31
|
16天前
|
存储 监控 算法
Java内存管理深度剖析:从垃圾收集到内存泄漏的全面指南####
本文深入探讨了Java虚拟机(JVM)中的内存管理机制,特别是垃圾收集(GC)的工作原理及其调优策略。不同于传统的摘要概述,本文将通过实际案例分析,揭示内存泄漏的根源与预防措施,为开发者提供实战中的优化建议,旨在帮助读者构建高效、稳定的Java应用。 ####
31 8
|
19天前
|
并行计算 算法 测试技术
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面,旨在通过综合策略提升程序性能,满足实际需求。
48 1
|
20天前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
39 3
|
24天前
|
缓存 Prometheus 监控
Elasticsearch集群JVM调优设置合适的堆内存大小
Elasticsearch集群JVM调优设置合适的堆内存大小
196 1
|
13天前
|
存储 监控 算法
深入探索Java虚拟机(JVM)的内存管理机制
本文旨在为读者提供对Java虚拟机(JVM)内存管理机制的深入理解。通过详细解析JVM的内存结构、垃圾回收算法以及性能优化策略,本文不仅揭示了Java程序高效运行背后的原理,还为开发者提供了优化应用程序性能的实用技巧。不同于常规摘要仅概述文章大意,本文摘要将简要介绍JVM内存管理的关键点,为读者提供一个清晰的学习路线图。
|
22天前
|
Java
JVM内存参数
-Xmx[]:堆空间最大内存 -Xms[]:堆空间最小内存,一般设置成跟堆空间最大内存一样的 -Xmn[]:新生代的最大内存 -xx[use 垃圾回收器名称]:指定垃圾回收器 -xss:设置单个线程栈大小 一般设堆空间为最大可用物理地址的百分之80