破解前端面试（80% 应聘者不及格系列）：从闭包说起
在前端工程师的面试中，闭包是一个经常被问到的话题。因为它既重要又有难度，很多应聘者在这个问题上都容易出错。本文将从闭包的基本概念开始，逐步深入探讨其实现原理和应用场景，并提供一些帮助你更好地掌握闭包的例子。
什么是闭包？
简单来说，闭包就是指函数能够访问定义在其外部作用域的变量。具体来说，当一个函数被定义时，它会创建一个闭包，其中包含了该函数的代码以及与之相关的作用域链。该作用域链记录了函数定义时所处的上下文环境，并且可以访问其中的变量和函数。
闭包的实现原理
在 JavaScript 中，每个函数都是一个对象。它们可以像其他对象一样被传递、赋值或存储到变量中。当一个函数内部定义了其他函数时，这些内部函数可以访问外部函数的变量和参数。这种现象被称为“词法作用域”，也是闭包实现的基础。
下面是一个简单的例子：
-------- ------- -
--- - - --
-------- ------- -
---------------
-
------ ------
-
--- --- - --------
------ -- -- -在这个例子中，outer() 函数返回了 inner() 函数，并将其存储到变量 foo 中。当调用 foo() 时，它使用到了 x 变量，然而 x 变量已经不存在于 foo() 的作用域中。实际上，inner() 函数“记住”了定义它的外部函数 outer() 的变量和参数，在调用时可以访问它们。
闭包的应用场景
闭包的应用场景非常广泛，下面列举一些常见的用法：
模块化
闭包可以用来创建模块化的代码结构，这种方式可以避免全局命名空间的污染，提高代码的可维护性。以下是一个简单的示例：
--- ------- - ----------- -
--- - - --
------ -
---------- ---------- -
----
-------------- ----- - ---
--
------ ---------- -
- - --
-------------- --------
-
--
-----
-------------------- -- -- -- ------
-------------------- -- -- -- ------
---------------- -- -- -- ------在这个例子中，我们使用了立即执行函数（IIFE）和闭包来创建了一个计数器对象。该对象包含两个方法 increment() 和 reset()，它们都可以访问 x 变量，并且这个变量只能被这两个方法所访问。这样就实现了一个简单的模块化结构。
封装私有变量
在 JavaScript 中，没有像其他语言一样提供私有成员变量的支持。但是通过使用闭包，我们可以实现类似的功能。以下是一个示例：
-------- ------------------ -
--- --- - --
------ -
-------- ---------- -
------ -----
--
------- ---------- -
------ ----
--
------- ---------------- -
-- ------- ------ --- -------- -- ------ - - -- ------ - ---- -
--- - -------
- ---- -
-----------
- ---------------------------------------------------------- --------
-------------------------------------------------------------------------------------