浏览器中垃圾回收机制的示例分析

这篇文章将为大家详细讲解有关浏览器中垃圾回收机制的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

浏览器的垃圾回收机制

垃圾回收是一种自动的内存管理机制。当计算机上的动态内存不再需要时，就应该予以释放。

需要注意的是，自动的意思是浏览器可以自动帮助我们回收内存垃圾，但并不代表我们不用关心内存管理，如果操作不当，JavaScript中仍然会出现内存溢出的情况，造成系统崩溃。

由于字符串，数组，对象等都没有固定大小，因此需要当它们大小已知时，才能对他们进行动态的存储分配。JavaScript程序每次创建字符串，数组或对象时，解释器都必须分配内存来存储那个实体。

JavaScript解释器可以检测到何时程序不在使用一个对象了，当它确定这个对象是无用的时候，他就知道不再需要这个对象了，就可以把它占用的内存释放掉了。

浏览器通常采用的垃圾回收有两种方法：标记清除，引用计数。

标记清除

这是JavaScript中最常用的垃圾回收方式

从2012年起，所有现代浏览器都使用了标记清除的垃圾回收方法，除了低版本IE还是采用的引用计数法。

那么什么叫标记清除呢？

JavaScript中有一个全局对象，定期的，垃圾回收器将从这个全局对象开始，找出所有从这个全局对象开始引用的对象，再找这些对象引用的对象...对这些活跃的对象标记，这是标记阶段。清楚阶段就是清楚那些没有被标记的对象。

标记清除有一个问题，就是在清除之后，内存空间是不连续的，即出现了内存碎片。如果后面需要一个比较大的连续的内存空间，那将不能满足要求。而标记整理 方法可以有效德地解决这个问题。

在标记的过程中，引入了概念：三色标记法，三色为：

• 白：未被标记的对象，即不可达对象（没有扫描到的对象），可回收

• 灰：已被标记的对象（可达对象），但是对象还没有被扫描完，不可回收

• 黑：已被扫描完（可达对象），不可回收

标记整理：

标记阶段与标记清除法没什么区别，只是标记结束后，标记整理法会将存活的对象向内存的一边移动，最后清理掉边界内存。

引用计数

引用计数的含义是跟踪记录每个值被引用的次数。当一个变量A被赋值时，这个值的引用次数就是1，当变量A重新赋值后，则之前那个值的引用次数就减1。当引用次数变成0时，则说明没有办法再访问这个值了，所以就可以清除这个值占用的内存了。

大多数浏览器已经放弃了这种回收方式

内存泄漏

为避免内存泄漏，一旦数据不再使用，最好通过将其值设为null来释放其引用，这个方法叫做接触引用

哪些情况会造成内存泄漏？如何避免？

以 Vue 为例，通常有这些情况：

• 监听在 window/body 等事件没有解绑

• 绑在 EventBus 的事件没有解绑

• Vuex 的 $store，watch 了之后没有 unwatch

• 使用第三方库创建，没有调用正确的销毁函数

解决办法：beforeDestroy 中及时销毁

• 绑定了 DOM/BOM 对象中的事件 addEventListener ，removeEventListener。

• 观察者模式 $on，$off处理。

• 如果组件中使用了定时器，应销毁处理。

• 如果在 mounted/created 钩子中使用了第三方库初始化，对应的销毁。

• 使用弱引用 weakMap、weakSet。

浏览器中不同类型变量的内存都是何时释放的？

• 引用类型

• 在没有引用之后，通过 V8 自动回收。

• 基本类型

• 如果处于闭包的情况下，要等闭包没有引用才会被 V8 回收。

• 非闭包的情况下，等待 V8 的新生代切换的时候回收。

关于“浏览器中垃圾回收机制的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。