在 JavaScript 中，使用匿名函数是一种非常常见的编程技巧。其中最常见的形式是：
(function() {
// code here
})();这个代码块创建了一个匿名函数并立即执行它。那么这个技巧的目的是什么呢？下面我们将详细探讨。
避免变量污染
JavaScript 中的变量作用域规则可能会导致变量名冲突，特别是当你的脚本与其他代码库或第三方代码共存时。为了避免变量污染，可以使用匿名函数来创建一个私有作用域。
举个例子：
var count = 0;
function increaseCount() {
count++;
}
increaseCount();
console.log(count); // 输出 1在上面的示例中，我们定义了一个全局变量 count 和一个函数 increaseCount() 用于增加计数器。但是如果在代码库或第三方代码中也有一个名为 count 的全局变量，那么在调用 increaseCount() 函数时就会发生错误。
通过使用匿名函数和闭包，我们可以将 count 变成一个私有变量，如下所示：
-- -------------------- ---- -------
--- ------------- - ----------- -
--- ----- - --
------ ---------- -
--------
-------------------
--
-----
---------------- -- -- -
---------------- -- -- -在上面的示例中，我们使用了立即执行函数表达式（IIFE）来创建一个私有作用域，并将 count 变量存储在其中。然后，在返回的函数中，我们可以访问这个变量并对其进行操作，而不必担心与其他代码库或第三方代码发生冲突。
模块化编程
匿名函数也可用于模块化编程，通过将功能分解成更小、更可重用的部分来提高代码的可维护性和可读性。模块化使得代码更易于测试、调试和重构，并且能够在多个项目中重复使用。
下面是一个简单的模块化示例：
-- -------------------- ---- -------
--- -------- - ----------- -
--- ---- - ----------
-------- ---------- -
------------------- - - ---- - -----
-
------ -
--------- --------
--
-----
-------------------- -- -- ------- ---------在上面的示例中，我们定义了一个名为 myModule 的对象，它包含一个名为 sayHello 的方法。在 IIFE 中，我们定义了一个名为 name 的私有变量和一个名为 sayHello() 的私有函数。在返回的对象中，我们将 sayHello() 方法公开为 myModule 对象的公共接口。
我们可以通过调用 myModule.sayHello() 来访问 sayHello() 方法，而无需访问 name 变量或 sayHello() 函数的实现细节。
总结
在 JavaScript 中使用匿名函数是一种强大的编程技巧，可以避免变量污染并支持模块化编程。但是，我们也需要注意使用它们的方式和场合，以确保代码的可读性和可维护性。
示例代码：https://codepen.io/chatgpt/pen/PojZxXK
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8136