重学前端

9.垃圾收集

2019-04-25  本文已影响0人  ChangLau

垃圾收集

JavaScript 具有自动垃圾回收机制,内存分配和回收实现自动管理。

函数中局部变量的生命周期
标记清除

为变量添加“进入环境“和”离开环境”标记,垃圾回收器识别标记,清除不需要的变量,完成内存清理。

引用计数

跟踪记录每个值被引用的次数。声明一个变量并将一个引用类型值赋给该变量,则这个值的引用次数+1,相反,如果包含对这个值引用的变量取得另外一个值,则引用次数-1.

存在的问题: 循环引用

function problem(){
    var objA = new Object()
    var objB = new Object()
    objA.b = objB
    objB.a = objA
}

这样子对对象 A 和 B 的引用次数都是 2,在采用引用计数策略的实现中,就无法在函数执行完后,清除 A 和 B 对象

解决方案:手动断开循环引用

function problem(){
    var objA = new Object()
    var objB = new Object()
    objA.b = objB
    objB.a = objA
    // ... 执行操作,然后手动断开引用
    objA = null
    objB = null
}

性能问题

垃圾回收器是周期性运行的,所以确定垃圾回收的时间间隔是一个非常重要的问题。频繁的调用垃圾回收机制,会大大消耗性能,所以要使用合理的收集时间间隔,提升性能。

管理内存

Web 浏览器的可用内存量通常比桌面应用程序少。内存限制问题不仅影响内存分配,同时还会影响调用栈以及一个线程中能够同时执行的语句数量。因此,确保占用最少的内存,让页面获取更好的性能。优化内存的最佳方式就是执行代码中只保留必要的数据。一旦数据不再有用,通过设置为 null 来释放引用。

解除引用

function createPerson(name){
    var localPerson = new Object()
    localPerson.name = name
    return localPerson
}
var globalPerson = createPerson('ChangLau')
// 手动解除引用
globalPerson = null

局部变量 localPerson 会在函数执行完成后自动销毁,但对于全局变量 globalPerson,需要我们手动解除引用。解除引用并不意味着自动回收该值所占用的内存空间,真正的目的在于让值脱离执行环境,以便垃圾回收器下次运行时将其清除。

上一篇下一篇

猜你喜欢

热点阅读