内存模型(堆与栈)
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、安卓逆向、云计算**