JavaScript | 立即调用函数表达式 (IIFE)

在JavaScript中，IIFE(Immediately Invoked Function Expression)是一种用于创建和执行函数的模式。它是一个匿名函数，立即执行该函数，并返回其结果。

在IIFE中，函数声明后会自动调用一次，因此可以在局部作用域内封装变量和函数，以避免名称冲突和全局变量污染。

语法

IIFE是使用函数表达式的一种形式，可以在括号内放置函数或函数表达式，然后在括号后立即调用这个函数。IIFE的语法如下：

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

或者，将函数表达式放在括号外包裹整个函数体：

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

例子

以下是一个简单的IIFE示例，该函数计算两个数字的乘积并返回结果：

(function(a, b) {
  var result = a * b;
  console.log(result);
})(10, 20);

执行此代码时，将输出200，因为乘积为10和20之间的结果。

优点

使用IIFE的好处之一是可以使用私有变量和函数，而不会影响全局作用域，从而使代码更容易维护和理解。此外，IIFE可以方便地封装独立的组件，隔离不同的代码模块，使不同的部分更容易管理和更新。

延伸阅读

• MDN Web文档：IIFE
• JavaScript中的IIFE解释