JavaScript 闭包是什么？如何应用？

在 JavaScript 面试中，闭包是一个高频考点，那 JavaScript 闭包究竟是什么呢？

闭包的定义

闭包是指有权访问另一个函数作用域中变量的函数，当一个内部函数（函数 B）在其外部函数（函数 A）返回后，仍然可以访问到函数 A 作用域中的变量，此时函数 B 就形成了一个闭包。

闭包的形成条件

函数嵌套

要有内部函数和外部函数的嵌套结构。

```javascript function outer() { let outerVar = '外部变量'; function inner() { console.log(outerVar); } return inner; } let closureFunc = outer(); closureFunc(); ``` ### 内部函数引用外部函数的变量

在上面的例子中，内部函数 inner 引用了外部函数 outer 中的变量 outerVar,这是闭包形成的关键。

闭包的应用场景

数据封装与私有化

在 JavaScript 中，没有像其他语言那样的 private 关键字来实现真正的私有变量,但闭包可以模拟这种效果。

```javascript function Counter() { let count = 0; return { increment: function () { count++; return count; }, decrement: function () { count--; return count; } }; } let counter = Counter(); console.log(counter.increment()); console.log(counter.decrement()); ```

在这个例子中，count 变量对于外部来说是不可直接访问的，只能通过 Counter 函数返回的对象中的方法来操作,实现了数据的封装和一定程度的私有化。

实现函数记忆

在一些计算量较大的函数中，我们可以利用闭包来实现函数记忆,比如计算斐波那契数列：

```javascript function fibonacci() { let cache = {}; return function (n) { if (n in cache) { return cache[n]; } if (n <= 1) { return n; } cache[n] = fibonacci(n - 1) + fibonacci(n - 2); return cache[n]; }; } let fib = fibonacci(); console.log(fib(10)); ```

这里通过闭包中的 cache 对象，缓存了已经计算过的斐波那契数，避免了重复计算,提高了性能。

事件处理函数

在前端开发中，经常会遇到为多个元素绑定事件处理函数的情况，如果不使用闭包,可能会出现一些意外情况。

```html Document 按钮 1 按钮 2 按钮 3 ```

在这个例子中，通过闭包将每次循环的 i 值保存下来，确保在点击按钮时能正确获取到对应的索引，如果不使用闭包，直接在事件处理函数中使用 i，由于循环的异步特性，最后点击按钮时获取到的 i 可能是循环结束后的最终值,导致结果不符合预期。

闭包的注意事项

内存泄漏问题

由于闭包会使得函数的作用域链一直存在，可能会导致一些变量无法被垃圾回收机制回收，从而造成内存泄漏，所以在使用闭包时，要注意及时释放不再需要的变量引用，比如在上面的 Counter 例子中，如果不再需要 counter 对象，应该将其设置为 null,让垃圾回收机制可以回收相关内存。

```javascript counter = null; ``` ### 性能问题

过度使用闭包可能会影响性能，因为每个闭包都会创建一个新的作用域，增加了内存开销，所以在不必要的情况下,不要滥用闭包。

JavaScript 闭包是一个强大而又有点复杂的特性，它在数据封装、函数记忆、事件处理等方面有着广泛的应用，但同时，我们也要注意它可能带来的内存泄漏和性能问题，在面试中，理解闭包的定义、形成条件、应用场景以及注意事项，能够让我们更好地应对相关问题，也有助于我们在实际开发中合理地运用闭包，编写出更高效、更优雅的代码。