在前端开发中，函数是一个非常重要的概念。其中，子函数和闭包函数是两种常见的函数形式。虽然它们都可以用来封装一些代码，并实现代码的复用，但它们之间还是有一些区别的。
子函数
子函数顾名思义就是在另一个函数内部定义的函数。子函数通常会被用来实现一些辅助功能，比如某个事件处理函数需要调用一个简单的计算函数，那么这个计算函数就可以作为一个子函数出现在事件处理函数内部。
下面是一个例子，展示了如何在 JavaScript 中定义子函数：
-------- ---------------- -
-------- ------------- -
----------------- -- - ---------------
-
--------------
-
----------------- -- ---- -- - ------------在这个例子中，subFunction 是 parentFunction 函数内部定义的一个函数。当执行 parentFunction 函数时，它会调用 subFunction 函数并输出 "This is a subfunction."。
闭包函数
闭包函数是指在一个函数内部创建另一个函数，并且内部函数能够访问外部函数的变量。由于 JavaScript 支持函数嵌套，因此在外部函数内部定义的内部函数也可以称为闭包函数。
下面是一个例子，展示了如何在 JavaScript 中定义闭包函数：
-------- --------------- -
----- -------- - ----- -- -- ----- -----------
-------- --------------- -
----------------------
-
------ --------------
-
----- --------------- - ----------------
------------------ -- ---- -- -- ----- ---------在这个例子中，innerFunction 是 outerFunction 函数内部定义的一个函数。由于 JavaScript 中的函数都是一等公民，因此 outerFunction 函数可以返回 innerFunction 函数，并且可以在其他地方被调用。
需要注意的是，在闭包函数中，内部函数访问到的外部变量是通过引用来实现的，而不是通过复制。这意味着如果在闭包函数中修改了外部变量，那么这个修改同样会影响到外部函数。
区别
虽然子函数和闭包函数都是在另一个函数内部定义的函数，但它们之间还是有一些区别的。
首先，子函数通常是为了实现某个特定的功能，而闭包函数则更多地用于封装状态。也就是说，如果一个函数需要在执行完毕后保留某些状态，那么通常会使用闭包函数来实现。
其次，子函数只能在父函数内部被调用，而闭包函数可以被返回并在其他地方被调用。这使得闭包函数具有更加灵活的使用方式。
最后，由于闭包函数可以访问外部函数的变量，因此在使用闭包函数时需要小心，以避免意外修改了外部变量的值。另外，由于闭包函数会持有对外部变量的引用，因此使用不当很容易导致内存泄漏。
总之，在前端开发中，子函数和闭包函数都是非常有用的技术。通过合理地运用它们，可以实现更加灵活和高效的代码。
参考链接：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8019