在 JavaScript 中，我们经常会看到类似下面的代码：
----------- - -- ---- ---- ---- -----
这是一个自执行匿名函数，也称为立即执行函数表达式（Immediately Invoked Function Expression，IIFE）。它的作用是将函数体封装在一个独立的作用域中，从而避免变量污染全局命名空间。同时，它还可以被用来创建单例模式、模块化代码等。
详细解释
首先，让我们看一下这个函数的基本结构：
----------- - -- ---- ---- ---- -----
这个函数定义了一个匿名函数并立即调用它。括号内部的函数被包含在圆括号中，这是因为圆括号可以将其转换为一个表达式。接着，我们使用另外一对括号来立即调用这个函数。这样做的好处是，函数内部的变量不会与全局作用域产生冲突，同时也可以保护代码的私有性。
如果我们只是定义这个函数而没有立即调用它，那么这个函数就会成为一个全局变量。这样会导致全局命名空间污染和潜在的命名冲突。通过使用 IIFE，我们可以避免这种情况。
学习与指导意义
IIFE 是一种常见的编程模式，在前端开发中经常使用。通过将函数体封装在一个独立的作用域中，我们可以有效地避免变量污染和全局命名空间冲突。同时，它还可以用来创建单例模式、模块化代码等。以下是一些示例代码：
避免全局变量冲突
----------- - --- ---- - ------- ------------------ -----
创建单例模式
--- ----------- - ----------- -
--- ---------
-------- ------ -
-- ------- ------- --- ---------
-------- --------------- -
-------------- -- ----------
-
--- --------------- - -- -- ---- ---------
-- ------ ------- --- ---------
------ -
------------- ---------- -
---------------- ------ --- --- ------
--
--------------- -- -- ---- -------
--
-
------ -
------------ ---------- -
-- ----------- -
-------- - -------
-
------ ---------
-
--
-----
--- ------- - --------------------------
--- ------- - --------------------------
------------------- --- --------- -- ----模块化代码
--- -------- - ----------- -
--- --------------- - ------ -------
-------- --------------- -
-----------------------------
-
------ -
------------- ---------- -
----------------
-
--
-----
------------------------ -- ------- ------ ------结论
IIFE 是一种非常有用的编程模式，可以有效地避免变量污染和全局命名空间冲突。它还可以被用来创建单例模式、模块化代码等。通过深入理解和掌握 IIFE，我们可以写出更加安全和可维护的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30940