自调用函数 JavaScript

自调用函数（Self-Invoked Function）也被称为立即执行函数（Immediately-Invoked Function Expression，IIFE），是一种常用的 JavaScript 设计模式。它将一个匿名函数包装在一个括号对中，使其成为一个表达式。然后，可以通过在表达式后面调用一对括号，立即执行该函数。

优点

1. 避免污染全局命名空间：自调用函数的内部变量在函数执行完毕后就会被销毁，不会污染全局命名空间。

2. 防止变量名冲突：如果多个 JavaScript 文件都定义了全局变量，可能会导致变量名冲突。使用自调用函数可以减少这种冲突的可能性。

3. 封装代码：自调用函数可以将代码封装在一个函数作用域中，从而实现更好的代码组织和封装。

语法

以下是自调用函数的语法：

(function () {
  // 代码块
})();

注意：

• 函数需要放在一对圆括号中，这是将函数声明转换为一个函数表达式的方式。
• 一对括号紧随函数表达式，执行函数。

示例

以下示例演示了如何使用自调用函数创建一个私有变量：

(function () {
  var num = 0;

  function increment() {
    num++;
    console.log(num);
  }

  increment();   // 输出 1
  increment();   // 输出 2
})();

在上面的示例中，num 变量被定义在自调用函数的作用域中。由于该变量没有被声明为全局变量，因此它是私有的，并且不会被外部访问。而 increment 函数可以访问该私有变量，并对其进行操作。

结尾

自调用函数是一个非常有用的 JavaScript 设计模式，可以帮助我们更好地组织和封装代码。它的语法和原理相对简单，但在实践中却有着广泛的应用。建议开发者掌握自调用函数的使用方法，以便在实践中更加高效地编写 JavaScript 代码。