js内存管理系列篇一：内存分析(1)，阿里、腾讯、华为、京东等多家大厂最新前端面试题

内存模型(堆与栈)

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

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

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

这种乒乓球的存放方式与栈中存取数据的方式是一样的。处于盒子中最顶层的乒乓球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;

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

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**