在 JavaScript 中，闭包是一种非常有用的技术。它可以帮助我们在创建函数时保留一些数据并使用它们，同时还可以防止变量污染和碰撞。本文将详细解释 JavaScript 中的闭包，并提供一些示例代码。
什么是闭包？
闭包是指一个函数，它可以访问在其定义之外的变量。这些变量通常是定义在包含该函数的函数中，但也可以是全局变量。通常情况下，一个函数执行完毕后，其中创建的变量都会被清除并从内存中移除。但是，当一个函数返回时，如果它还具有对其定义之外变量的引用，则这些变量不会被清除，而是保存在内存中。这就是闭包的精髓所在。
为什么要使用闭包？
闭包主要有两个用途：一是创建私有变量，二是实现函数式编程中的柯里化和延迟执行。
创建私有变量
在 JavaScript 中，没有私有变量的概念。如果在对象内部使用 var 定义一个变量，它就会变成该对象的公共属性。但是，如果将一个变量定义在一个函数内部，并在该函数外部创建一个新函数，则该新函数可以访问定义在原函数内部的变量，但不能访问定义在其他地方的变量。这就是创建闭包的基础。
实现函数式编程中的柯里化和延迟执行
柯里化是指将一个带有多个参数的函数转换为一系列只有一个参数的函数。这样做可以将函数的执行和参数的传递分开，从而实现某些高级函数式编程技术。延迟执行则是指将函数的执行推迟到某个合适的时机。这可以帮助我们在 JavaScript 中处理大量数据时，避免出现性能上的问题。
如何创建闭包？
要创建闭包，必须在一个函数内部创建一个新函数，并在其中引用一个定义在该函数之外的变量。下面是一个简单的示例：
-- -------------------- ---- -------
-------- --------------- -
--- --------------- - -- -- ---------
-------- --------------- -
-----------------------------
-
------ --------------
-
--- ---------- - ----------------
------------- -- -- -- -- --------在这个示例中，我们定义了一个名为 outerFunction 的函数，它返回一个名为 innerFunction 的新函数。内部函数 innerFunction 可以访问定义在外部函数 outerFunction 中的变量 privateVariable 的值。当我们调用 outerFunction 并将其返回值赋给 myFunction 后，我们实际上得到了一个闭包。现在，每当我们调用 myFunction 时，它都会输出 "I am private"。
闭包的注意事项
在使用闭包时，需要注意以下几点：
内存泄漏
当使用闭包时，由于内部函数引用了外部函数的变量，这些变量不会被释放，而会一直存在于内存中。如果没有正确地处理，这可能会导致内存泄漏。为了避免这种情况的发生，需要确保在使用闭包时，只保留必要的变量，并在不需要使用它们时，尽快将其释放。
变量修改
在 JavaScript 中，如果多个闭包引用同一个变量，并且其中一个闭包修改了该变量的值，其他闭包也会受到影响。为了避免这种情况的发生，需要谨慎地处理闭包中的变量，并确保它们不会被不应该修改的函数修改。
性能问题
闭包可能会对 JavaScript 应用程序的性能产生负面影响。因为闭包中的变量必须一直存在于内存中，所以它们可能会占用较多的内存。此外，闭包中的函数要比单独的函数具有更多的开销，因为它们必须同时维护代码和变量。因此，在使用闭包时，需要谨慎地考虑其性能影响。
闭包的实际应用
下面是一些实际应用闭包的例子：
防止变量污染
防止变量污染是闭包的一个最常见的应用。在 JavaScript 中，变量经常会被意外地覆盖。为了避免这种情况的发生，可以将变量封装在一个闭包中，从而在函数和全局变量之间创建一个独立的命名空间。
-- -------------------- ---- -------
----------- -
--- --------------- - --
-------- ----------------- -
-- -- ---------
-
------------------ - -
----------- ---------- -
-- --- --------------- --- ---------------
-
--
-----在这个例子中，我们定义了一个自执行函数，它创建了一个新的命名空间 myNamespace，并将其添加到全局对象 window 中。其中 privateVariable 和 privateFunction 只能在闭包内部访问，因此可以防止它们被意外地覆盖。
实现封装
在基于对象的编程中，封装是将数据和方法组合在一个对象中，并防止外部代码直接访问这些数据和方法的过程。在 JavaScript 中，闭包可以帮助我们实现这种封装。
-- -------------------- ---- -------
-------- ---------- -
--- --------------- - --
-------- --------------- -
-- -- ---------
-
----------------- - ---------- -
------------------
----------------
--
-
--- --- - --- -----------
-------------------在此示例中，我们创建了一个名为 MyObject 的构造函数，它包含一个公共方法 publicMethod 和一个私有变量 privateVariable 以及一个私有方法 privateMethod。由于这些变量和方法都在闭包内部定义，因此它们不会受到外部代码的访问。此外，通过在对象的公共接口中暴露公共方法 publicMethod，我们可以允许外部代码使用对象的功能，同时保护对象的内部状态。
实现异步编程
在 JavaScript 中，闭包还经常用于实现异步编程。当我们需要执行某些操作，并在其完成后执行其他操作时，可以使用闭包来延迟操作的执行。
-- -------------------- ---- -------
-------- ----------------------- -
--------------------- -
-- -- ---------
-----------
-- ------
-
------------------------ -
-- -- --------- ----
---在这个例子中，我们定义了一个名为 asyncFunction 的函数，并将要完成的操作放在一个 setTimeout 中。此操作将在一秒钟后执行，并在其完成后调用回调函数。这样做可以帮助我们在 JavaScript 中使用异步编程，从而避免阻塞 UI 线程。
总结
闭包是 JavaScript 中非常有用的技术。它可以让我们创建作用域安全的代码、实现对象封装、处理高级函数式编程、实现异步编程等。但是，在使用闭包时需要注意内存泄漏、变量修改和性能问题。如果正确地使用闭包，我们就可以编写出更健壮、更灵活的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455133e968c7c53b08be6f7