首页>>前端>>JavaScript->js闭包及其应用场景

js闭包及其应用场景

时间:2023-11-29 本站 点击:0

前言

今天来讲一讲什么是闭包以及闭包的使用场景,从概念入手,通过案例来引申出闭包的优缺点及使用场景,还不会的话快来一探究竟~

一、什么是闭包?

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


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/JavaScript/718.html