hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 前端开发 - 正文 君子好学,自强不息!

秒懂js的垃圾回收机制_WEB前端开发

2020-06-14前端开发ki4网8°c
A+ A-

Vue 轻量级图表组件_WEB前端开发

当遇到需要在网页上绘制图表的场景时,一般会使用两个库:D3.js 和 Chart.js ,但其实你根本不需要这么重量级的库。有时候你只希望使用简单的 SVG 图表就能满足你的需求,这时候你可以使用 Frappe Charts 。

前言

js具有自动垃圾回收机制,换句话说,执行环境会管理代码执行过程中使用的内存。

js垃圾回收的原理

执行环境会找出那些不再继续使用的变量,然后释放其占用的内存。

js垃圾回收的策略

标记清除

当变量进入环境时,就将这个变量标记为“进入环境”,而当变量离开环境时,则将其标记为“离开环境”。

标记变量方式看具体的实现,比如可以使用一个“进入环境”的变量列表和一个“离开环境”的变量列表来跟踪哪个变量发生了变化。

使用过标记清除的浏览器有IE,Firefox,chrome。

引用计数

这是一种不太常见的垃圾回收的策略,它就是跟踪每一个值被引用的次数。

当声明了一个变量a并将一个引用类型值({name:'cc'})赋给该变量时,则这个值的引用次数就是1,如果a({name:'cc'})又赋给另一个变量b,则该值的引用次数加1。反之,如果a赋值{name:'xx'},则{name:'cc'}这个值的引用次数减1。当{name:'cc'}这个值的引用的次数变为0时,则说明没有办法再访问{name:'cc'}这个值了,因而可以将其占用的内存空间回收。这样,当垃圾回收器工作的时候,{name:'cc'}这个值占用的内存空间就会被回收。

在 Vue 中使用分页_WEB前端开发

分页功能通过允许用户以较小的块或页面可视化数据来增强用户体验。 下面介绍如何创建带分页的 Vue.js 组件,以便我们一次只能查看部分数据。

这种方式曾今被Netscape Navigator 3.0使用过,但是有一个严重问题:循环引用。

function circleReferenceProbem(){
  let objectA = new Object()
  let objectB = new Object()

  objectA.someOtherObject = objectB
  objectB.anotherObject = objectA
}

执行这个函数后,因为这两个引用值的引用次数永远不会为0,垃圾回收器永远不会回收它们占用的内存空间。

js垃圾回收器的性能

因为js垃圾回收器是每隔一个周期就执行一次垃圾回收。

如果为变量分配的内存数量不大的话,那么垃圾回收器的回收工作量就不大。但是,当垃圾回收器的工作量过大的时候,就很可能会出现卡顿的情况。

js中管理内存的建议

  • 尽量少用全局变量

  • 尽可能手动清除变量的引用

谢谢阅读!

需要加微信交流,可留言!

推荐教程:《JS教程》

以上就是秒懂js的垃圾回收机制的详细内容,更多请关注ki4网其它相关文章!

12种JavaScript数组去重方法(总结)_WEB前端开发

在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
秒懂js的垃圾回收机制_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>