2025前端面试-内存泄露-001

垃圾回收 GC (Garbage Collection)

回收已经被执行完成,再也使用不到的函数和变量所占用的内存空间

  • 闭包 (闭包的数据是不可以被垃圾回收的
  • 全局变量

预期之中不会被回收 的部分不会被称之为内存泄漏,而预期之外的内存泄漏则被称之为内存泄漏

(如果清除了闭包中的 数据,那么会影响正常情况下闭包的使用)

引用计数 --- 注意会出现循环引用的问题 (之前

js 复制代码
//查看对象的引用数
//对象被a引用
let a = {x:100}
let a1 = 1  //此时对象的引用数为2  被a  a1引用
a = 10  //此时对象的引用数为 1
a1=null  //此时对象的引用数为 0
循环引用
js 复制代码
function fn3(){
    const obj1 = {}
    const obj2 = {}
    obj1.a = obj2
    obj2.a = obj1
}

标记清除

JS 根 /window 遍历其 根 /window子属性 判断是否会得到某个属性 如果无法得到就会对这个属性进行清除销毁 ,能找到就保留。

JS内存泄漏如何检测,场景有哪些?

  • wangEditor ---- 使用Chrome devTools 的performance 和Memory工具来检测js内存
  • 开发者工具
  • (正常图像是 锯齿状 因为销毁就会是一段时间之后销毁
场景---Vue
  • 全局变量,函数引用,组件销毁时,未清除
  • 全局事件,定时器引用,组件销毁时候未清除
  • 被自定义事件引用,组件销毁时,未清除
    • ----引用到this 组件销毁时 是否需要进行清楚

扩展:WeakMap WeakSet 弱引用

WeakMap的key只能是引用类型(对象 数组类型) ---- 像字符串 数字这种值类型也不会出现类似的内存泄露的问题

没法使用size forEach length size只能通过get来获取 (因为引用过他的数据可能会被清除它自身都无法保证,处理不了)

相关推荐
无限大61 小时前
AI实战03:Java开发岗专属工作流|用AI辅助代码审查与文档生成
面试
踩着两条虫1 小时前
VTJ.PRO 核心架构全公开!从设计稿到代码,揭秘AI智能体如何“听懂人话”
前端·vue.js·ai编程
腾阳2 小时前
99%的人忽视了这一点:活着本身就是人生的意义,别让抑郁和内耗成为你的枷锁!
经验分享·程序人生·职场和发展·跳槽·学习方法·媒体
不吃西红柿的852 小时前
[职场] 内容运营求职简历范文 #笔记#职场发展
笔记·职场和发展·内容运营
liyang_8302 小时前
邦芒秘诀:职场高手都具备的三个特征
职场和发展
普通网友2 小时前
十大秘闻:揭秘霍兰德职业兴趣理论的未知面!
职场和发展·求职招聘·职场发展·单一职责原则
爱我所爱flash2 小时前
职场上,如果不想被淘汰,谨记这3条生存法则,早知早获益
职场和发展
程序员雨果2 小时前
软件测试工程师:面试题与经验分享
软件测试·面试·职场和发展
普通网友2 小时前
[职场] 运营支撑是什么意思 #其他#学习方法#职场发展
职场和发展·学习方法
Yvonne爱编码2 小时前
2026年计算机专业求职指南:从简历优化到技术面试通关【科普类】
面试·职场和发展