闭包是js中的一个难点,接下来我会根据自己的学习笔记来详细解析闭包的原理以及使用。
1,什么是闭包
闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量。通俗的理解就是闭包就是函数内部的函数。
2,了解闭包
1.闭包产生的三个必要条件
1. 在函数 A 内部直接或者间接返回一个函数 B
2. B 函数内部使用着 A 函数的私有变量(私有数据)
3. A 函数外部有一个变量接受着函数 B
这样就形成了一个不会销毁的函数空间
2,闭包空间
我们管这个不会销毁的 a 函数的执行空间叫做 闭包空间 。把函数 a 里面返回的 函数 b, 叫做函数a 的
闭包函数
官方给的定义有一句话: 闭包 => 函数内部的函数
接下来我来建立一个闭包空间的实例
function a() {
// 这个 num 变量就是函数 a 的私有变量
var num = 100
return function b() {
console.log(num)
}
}
var res=a()
res 接受的是 a 函数执行以后的返回值
res 接受的就是函数 a 内部返回的一个复杂数据类型(函数b)
导致函数 a 的执行空间不会销毁
从现在开始, res 随时可以是一个 函数a 里面返回的 函数b
res 随时可以调用res()
当 res 调用的时候, 打印 num
打印出来的就是 a 函数内部的私有变量 num 的值
3,闭包空间形成的底层原理
接下来再根据一个实例来讲解闭包的底层原理
function fn(i){
return function(n){
console.log(n+(–i))
}
}
var f=fn(10)
f(20)
f(8)
输出结果:28,16
如图所示当函数fn建立后,会在内存栈空间拿到指向地址,内容以字符串的形式存储在内存堆空间之中,当函数运行时会在执行空间进行预解析,变量赋值。我们的fn函数的子函数满足闭包函数产生的条件,所以fn函数形成了一个不会销毁的执行空间。但是子函数即闭包函数的执行空间不会一直存在,它执行一次后即被销毁,不要搞混了两者。
因为fn函数执行空间一直存在,所以每次调用f()函数i值都会进行变化,所以上面实例的i值取决于f()的运行次数,切记一点fn函数外一定要有一个接受fn的返回值的变量否则这个执行空间就不会一直存在。
4, 闭包的特点(优点和缺点并存)
1. 延长了变量的生命周期
+ 优点: 因为执行空间不销毁, 变量也没有销毁
+ 缺点: 因为执行空间不销毁, 会一直存在在内存中造成资源浪费
2. 可以访问函数内部的私有变量
+ 优点: 利用闭包函数可以访问函数内部的私有变量
+ 缺点: 执行空间不会销毁, 会一直存在在内存中
3. 保护私有变量(只要是函数, 就有这个特点)
+ 优点: 保护私有变量不被外界访问
+ 缺点: 如果向访问, 必须要利用闭包函数
闭包的函数的缺点
+因为当一段内存空间中有一个不会被销毁的东西一直存在
+ 那么就会出现内存占用, 如果过多, 就会导致内存溢出
+ 那么结果就是 内存泄漏
闭包的作用
+就是当你需要延长变量的声明周期的时候
+ 或者你需要访问某一个函数内部的私有数据的时候
+ 你可以使用 闭包 函数来解决