在前端开发中，自执行函数是一种常用的技巧，它可以将代码块包含在一个立即执行的函数体内，从而控制变量作用域、提高代码可维护性等方面带来好处。在这篇文章中，我们将深入探讨 !function(){ }() 和 (function(){ })() 两种常见的自执行函数语法形式，并且给出一些指导性建议。
1. !function(){ }()
!function(){ }() 是一种非常简洁的自执行函数写法。其中最前面的 !（逻辑非）运算符用于将函数声明转化为函数表达式，然后调用该表达式。具体实现如下：
------------ -- --- ----
这种写法的好处是，在一定程度上减少了代码冗余，增强了可读性。但需要注意的是，由于 ! 运算符的优先级较高，所以在使用这种方式定义自执行函数时，需要将整个表达式用括号括起来，防止产生错误。
2. (function(){ })()
(function(){ })() 是另一种广泛使用的自执行函数语法形式。该写法会将函数声明封装在括号中，再通过后面的一对括号直接调用该函数。具体实现如下：
------------ -- --- -----
需要注意的是，这种写法与 !function(){ }() 的主要区别在于，后者通过逻辑非运算符将函数声明转换为表达式，而前者则直接使用了括号包围函数声明来达到同样的目的。
3. 自执行函数的作用
自执行函数的主要作用有以下几个方面：
3.1 控制变量作用域
由于自执行函数内部声明的变量只在函数内部有效，因此可以有效地控制变量作用域，避免变量污染全局作用域。
例如，以下代码使用自执行函数封装了一个模块，其中的变量 count 只在函数内部可用：
--- ------ - ------------
--- ----- - --
-------- --------------- -
--------
-
-------- ---------- -
------ ------
-
------ -
-------------- --------------
--------- --------
--
-----
------------------------------- -- ----
-----------------------
------------------------------- -- ----3.2 隐藏实现细节
自执行函数还可以通过隐藏实现细节，保护核心逻辑不受外界干扰。例如，在以下代码中，我们可以在自执行函数内部封装一些私有方法和属性，以避免被外界访问：
--- -------- - ------------
--- ---- - -----------
-------- ---------- -
------------------- - - ------
-
-------- ------------ -
--------------------- - - ------
-
------ -
--------- --------
--
-----
-------------------- -- --------- --------
---------------------- -- ----------- ---------- ------------------- -- --- - --------3.3 提高代码可维护性
通过将代码块封装在自执行函数内部，可以有效地将不同的功能模块分离开来，从而提高代码的可维护性。例如，在以下代码中，我们可以将不同的功能模块分别封装在不同的自执行函数里面：
--- ------- - ------------ -- -- - --- ----- --- ------- - ------------ -- - - ----------------------------------------------------------- -------- ---------------------------------------------------------------------------------------