前言
今天来讲一讲什么是闭包以及闭包的使用场景,从概念入手,通过案例来引申出闭包的优缺点及使用场景,还不会的话快来一探究竟~
一、什么是闭包?
MDN官方概念
闭包是函数和声明该函数的词法环境的组合
通俗的理解
内层函数,引用外层函数上的变量,就可以形成闭包
二、闭包的使用
1. 最简单的闭包函数
如下案例,fn
函数内声明一个局部变量a
,fn
函数内的inner
函数顺着可执行上下文在上级作用域拿到变量a
的值,最终将inner
函数return出去。 调用fn
函数,并将fn
函数的返回值使用result
变量接收,调用result
就是调用了fn
函数内的inner
函数,也就可以访问到fn
函数内的局部变量a
代码如下(示例):
functionfn(){leta=1functioninner(){console.log(a)}returninner}letresult=fn()result()
之后每一次调用result
,都是可以访问到fn
函数内的局部变量,也就形成了闭包函数。
三、闭包应用场景及优缺点
1. 使用场景
可以实现变量的私有化
为什么闭包函数可以达到变量私有化的效果呢?一起来看下面的案例。
代码如下(示例):
letmoney=100functioneditMoney(){money++console.log('金额为'+money)}editMoney()
在控制台修改money
的值,可以直接修改,可见如果将money
变量声明在全局作用域下,是非常不安全的。
如果使用闭包函数的写法,可以解决这一问题
代码如下(示例):
functionfn(){letmoney=100functioneditMoney(){money++console.log('金额为'+money)}returneditMoney}letresult=fn()result()
从代码运行结果看来,闭包函数已经满足了我们对money
变量的私有化处理,即使修改了money
的值,也并不会影响到fn
函数中的money
,这样是极好的。加粗样式
2. 优点
当我们需要对一个变量进行私有化控制的时候,可以使用闭包函数。同时在函数内部可以对局部变量进行最值控制等操作
3. 缺点
使用闭包函数,也就引申出了一个内存泄漏的问题
由于js内存回收机制是标记清除法
,就是一个数据在有引用的情况下,不会被释放,因为闭包内的数据在外部有使用,所以不会被释放
解决方法:给外部应用的变量赋值为null
也就是如果上述案例中的inner
函数不在使用,需要手动给result
赋值为null