js闭包及其应用场景

---

前言

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

---

一、什么是闭包？

• MDN官方概念

闭包是函数和声明该函数的词法环境的组合

• 通俗的理解
  内层函数，引用外层函数上的变量，就可以形成闭包

二、闭包的使用

1. 最简单的闭包函数

如下案例，fn函数内声明一个局部变量a,fn函数内的inner函数顺着可执行上下文在上级作用域拿到变量a的值，最终将inner函数return出去。
调用fn函数，并将fn函数的返回值使用result变量接收，调用result就是调用了fn函数内的inner函数，也就可以访问到fn函数内的局部变量a
代码如下（示例）：

function fn() {
	let a = 1
	function inner() {
		console.log(a)
	}
	return inner
}

let result = fn()
result()

之后每一次调用result，都是可以访问到fn函数内的局部变量，也就形成了闭包函数。

三、闭包应用场景及优缺点

1. 使用场景

可以实现变量的私有化

为什么闭包函数可以达到变量私有化的效果呢？一起来看下面的案例。

代码如下（示例）：

let money = 100

function editMoney() {
	money++
	console.log('金额为' + money)
}

editMoney()

在控制台修改money的值，可以直接修改，可见如果将money变量声明在全局作用域下，是非常不安全的。

如果使用闭包函数的写法，可以解决这一问题

代码如下（示例）：

function fn() {
	let money = 100
	function editMoney() {
		money++
		console.log('金额为' + money)
	}
	return editMoney
}

let result = fn()
result()

从代码运行结果看来，闭包函数已经满足了我们对money变量的私有化处理，即使修改了money的值，也并不会影响到fn函数中的money,这样是极好的。

2. 优点

当我们需要对一个变量进行私有化控制的时候，可以使用闭包函数。同时在函数内部可以对局部变量进行临界值控制等操作。

3. 缺点

使用闭包函数，也就引申出了一个内存泄漏的问题

• 由于js内存回收机制是标记清除法，就是一个数据在有引用的情况下，不会被释放，因为闭包内的数据在外部有使用，所以不会被释放
• 解决方法：给外部应用的变量赋值为null

也就是如果上述案例中的inner函数不在使用，需要手动给result赋值为null

---

总结

A man can fail many times, but he isn’t a failure until he begins to blame somebody else.