闭包,this指向,修改this指向,垃圾回收机制

1.闭包

函数中套了一个函数,内层函数也可以访问外层函数的变量

闭包的分类

1.函数作为参数被传递
2.函数作为返回的值被返出

闭包的使用场景
  • 封装对象的私有属性和方法,用于隐藏数据,做一个简单的缓存工具

  • 作为回调函数使用

  • 利用闭包实现函数的防抖,节流
    防抖:例如一个倒计时,被连续点击时,关闭上一个倒计时,重新开启一个新的倒计时

    节流:例如一个倒计时,被连续点击时,规定时间内,无论点击多少次,只触发一次

  • 优点:闭包因为长期驻扎在内存中,可以重复使用变量,不会造成变量污染

  • 缺点:闭包会使函数中的变量都被保存在内存中,内存消耗很大,滥用闭包,会造成网页的性能问题,可能会导致内存泄漏

  • 解决的方法:在退出函数之前,将不使用的变量全部删除

2.this的指向

this指向什么值,实在执行的时候确定的,与定义的位置无关,箭头函数除外

普通函数指向当前调用它的对象,如果没有就是 window
构造函数与class类指向当前的实例化对象
对象方法调用调用该方法的对象
箭头函数函数声明所在的对象,与其他不同,其他都是调用时,箭头函数是声明时
定时器指向window但是如果内部函数为箭头函数,则指向函数声明时所在的对象
3.修改this指向
call有多个参数,第一个参数就是要修改的this指向,其他参数是以散落 的形式给调用该方法的函数传递参数 Game.call(this,‘王者荣耀’,手游)
apply两个参数,第一个参数就是要修改的this指向,第二个参数是以数组的形式给调用该方法的函数传递 参数 Game.apply(this,[王者荣耀,‘手游’])
bind一个参数,第一个参数就是要修改的this指向,第二个参数是以数组的形式给调用该方法的函数传递参数 Game.apply(this,['王者荣耀],‘手游’)
4.垃圾回收机制与内存泄漏

垃圾回收机制
浏览器的js具有自动垃圾回收机制(GC),执行环境会管理代码执行中所使用的内存,垃圾回收器会定期寻找不在使用的变量,释放其内存,垃圾回收会按照时间间隔周期性的执行

变量的死亡
全局作用域内的变量,会在关闭浏览器关闭页面时结束,被垃圾回收期回收
函数级与块级作用域内的变量,只有在函数执行的过程中存在,函数执行完毕,垃圾回收器回收释放闭包内,因为内部函数使用外部函数变量的原因,它内部的变量,永远不会结束

判别变量是否还有用的两种方式

1.标记清除(常用)
垃圾回收器在运行的时候会给存储在内存中的所有变量都加上标记,当一个变量进入环境时,就将这个变量标记为进入环境,而当变量离开环境时,则将其标记为离开环境,垃圾收集器下次运行时,就会把所有标为离开环境的变量回收释放

function test(){
var a = 10 ;        
var b = 20 ;      
}
// 在调用该函数时,内部的变量会标记为进入环境
test();            
// 函数执行完毕之后 a、b又被标离开环境,被回收。
引用计数

跟踪记录每个值别引用的次数,当声明了一个变量,并将一个引用类型的值赋给该变量时,那这个值的引用次数就是1,而这个值再被赋值给另一个变量,那这个值的引用次数+1,相反,如果包含这个值的变量,获取了另外的值,那这个值的引用次数-1,当这个值的引用次数为0时,垃圾回收器下次运行时,就会把这个值回收释放

function test() {
    var a = {};    // a指向对象的引用次数为1
    var b = a;     // a指向对象的引用次数加1,为2
    var c = a;     // a指向对象的引用次数再加1,为3
    var b = {};    // a指向对象的引用次数减1,为2
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值