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
}