使用自调用匿名函数的原因是它们永远不应该被其他代码调用，因为它们“设置”了要调用的代码(同时为函数和变量提供了作用域)。

换句话说，它们就像在程序开始时“创建类”的程序。在它们被实例化(自动)之后，唯一可用的函数是匿名函数返回的那些函数。然而，所有其他“隐藏”函数仍然存在，以及任何状态(在作用域创建期间设置的变量)。

非常酷。

Normally, JavaScript code has global scope in the application. When we declare global variable in it, there is a chance for using the same duplicate variable in some other area of the development for some other purpose. Because of this duplication there may happen some error. So we can avoid this global variables by using immediately invoking function expression , this expression is self-executing expression.When we make our code inside this IIFE expression global variable will be like local scope and local variable.

我们可以通过两种方式创建IIFE

(function () {
    "use strict";
    var app = angular.module("myModule", []);
}());

OR

(function () {
    "use strict";
    var app = angular.module("myModule", []);
})();

在上面的代码片段中，“var app”现在是一个局部变量。

它只是一个匿名函数，在创建后立即执行。

这就像你把它赋值给一个变量，然后在后面使用它，只是没有变量:

var f = function () {
};
f();

在jQuery中，有一个类似的构造，你可能会想到:

$(function(){
});

这是绑定就绪事件的简写形式:

$(document).ready(function(){
});

但是上面的两个结构都不是iife。

这是自调用匿名函数。它在定义时执行。这意味着该函数被定义并在定义之后立即调用自身。

语法的解释是:第一个()圆括号内的函数是没有名称的函数，由下一个();括号，你可以理解它在定义时被调用。你可以在第二个()圆括号中传递任何参数它会在第一个圆括号中的函数中被抓取。请看这个例子:

(function(obj){
    // Do something with this obj
})(object);

在这里，你传递的“对象”将在函数中通过“obj”访问，因为你在函数签名中抓取它。

在ES6语法中(为自己发帖，因为我一直登陆这个页面寻找一个快速的例子):

// simple
const simpleNumber = (() => {
  return true ? 1 : 2
})()

// with param
const isPositiveNumber = ((number) => {
  return number > 0 ? true : false
})(4)

立即调用函数表达式(IIFE)是一种在创建时立即执行的函数。它与任何事件或异步执行没有关联。你可以定义一个IIFE，如下所示:

(function() {
     // all your code here
     // ...
})();

第一对括号函数(){…}将括号内的代码转换为表达式。第二对括号调用由表达式生成的函数。

IIFE也可以描述为一个自我调用的匿名函数。它最常见的用法是限制通过var创建的变量的作用域，或者封装上下文以避免名称冲突。