什么是闭包？
在理解闭包之前，我们先来了解一下函数作用域和函数的执行环境。
函数作用域和执行环境
在 JavaScript 中，每个函数都有一个独立的作用域，也就是说，函数内部定义的变量在函数外部是不可见的。
function foo() {
var a = 1;
console.log(a);
}
foo(); // 输出 1
console.log(a); // 报错：a is not defined同时，函数的执行环境也是独立的。当函数被调用时，会创建一个新的执行环境，该执行环境包含函数的参数、局部变量和内部函数等信息。
在函数执行完毕后，该执行环境会被销毁，其中的变量和函数也随之消失。
闭包的定义
闭包是指函数在定义时创建了一个独立的作用域，并在该独立作用域内定义的内部函数，该内部函数可以访问到该作用域的变量和参数，即使该函数在外部作用域被销毁之后依然可以被访问和调用。
-- -------------------- ---- -------
-------- ----- -
--- - - --
-------- ----- -
---------------
-
------ ----
-
--- --- - ------
------ -- -- -在上面的例子中，函数 foo 返回了一个内部函数 bar，该函数定义在 foo 的独立作用域内，可以访问到变量 a。当 foo 被调用时，会创建一个新的执行环境，并声明变量 a，同时在该环境中定义了函数 bar。当 foo 执行完毕后，该执行环境被销毁，但函数 bar 依然可以访问到变量 a。
闭包的作用
闭包在 JavaScript 中有很广泛的应用，以下是几个常见的应用场景。
记忆化函数
记忆化函数是指将函数的运行结果缓存到内存中，以避免重复计算，提高程序的执行效率。
-- -------------------- ---- -------
-------- ------------- -
--- ----- - ---
------ ---------- -
--- --- - --------------------------
-- ------------- -
---------- - ---------------- -----------
-
------ -----------
--
-
-------- ------------ -
-- -- - -- -
------ --
-
------ -------------- - ---------------
-
--- --- - -------------------
--------------------- -- -- -----------在上面的例子中，函数 memoize 接受一个函数 func 作为参数，并返回一个新的函数，该函数可以将函数 func 的运行结果缓存到内存中，减少计算消耗。
封装私有变量
在 JavaScript 中，使用闭包可以实现封装私有变量的功能。通过定义一个函数，将需要私有的变量定义在函数内部，并返回一个包含对这些变量访问和修改方法的对象，从而实现私有变量的访问和修改。
-- -------------------- ---- -------
-------- ------------ -
--- --- - --
-------- -------- -
------ ----
-
-------- ------------- -
--- - ------
-
------ -
-------- ---------- -
------ -----
--
------- -------
------- ------
--
-
--- ------ - -------------
------------------------------ -- -- ----
----------------------------- -- -- -
------------------
----------------------------- -- -- --在上面的例子中，函数 Person 定义了一个私有变量 age，并返回一个对象，该对象包含对 name 和 age 的访问方法，同时提供修改 age 值的方法。
实现模块化
在 JavaScript 中，使用闭包可以模拟模块化的功能，通过将模块的代码封装在一个函数内部，并返回对外接口的对象，实现对模块内部变量的封装和隐藏。
-- -------------------- ---- -------
-- --------
--- ----- - ----------- -
-------- ------ -- -
------ - - --
-
-------- ------------ -- -
------ - - --
-
------ -
---- ----
---------- ---------
--
-----
-- ------
------------------------ ---- -- -- -
------------------------------ ---- -- -- -在上面的例子中，代码 var Utils = (function() {...})() 定义了一个闭包，将 add 和 substract 函数封装在内部，并返回一个对象作为对外接口。
注意事项
使用闭包时，需要注意一些细节和问题。
常见问题
闭包可能带来一些意想不到的问题，例如：
- 内存泄露：闭包会引用外部函数的变量，导致这些变量在函数调用结束后仍然存在于内存中，从而造成内存泄露。
- 变量状态共享：如果多个闭包共享了同一个变量，其中一个闭包修改了该变量的值，会影响到其他闭包访问该变量的结果。
建议做法
为了避免闭包带来的问题，我们可以采取以下几个建议的做法：
- 尽量少用闭包，避免过多的变量存储在内存中。
- 确保闭包中的变量不会出现循环引用，避免内存泄露。
- 使用模块化的方式封装闭包，避免变量状态共享的问题。
总结
通过本文的介绍，我们了解了 JavaScript 中的闭包的定义、作用和常见应用场景，并介绍了一些注意事项和建议做法。
闭包是 JavaScript 中非常重要的概念，掌握它可以帮助我们更好地理解 JavaScript 中的变量作用域和函数执行环境，同时可以提高程序的可读性和执行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64538a36968c7c53b07e0c39