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

垃圾回收 GC （Garbage Collection)

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

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

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

（如果清除了闭包中的 数据，那么会影响正常情况下闭包的使用）

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

//查看对象的引用数
//对象被a引用
let a = {x:100}
let a1 = 1  //此时对象的引用数为2  被a  a1引用
a = 10  //此时对象的引用数为 1
a1=null  //此时对象的引用数为 0

循环引用

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来获取 （因为引用过他的数据可能会被清除它自身都无法保证，处理不了）