IIFE(立即调用函数表达式)是一个在脚本加载和退出时立即执行的函数。

考虑下面写在life .js文件中的函数

(function(){
       console.log("Hello Stackoverflow!");
   })();

上面的代码将在你加载life .js时立即执行，并打印'Hello Stackoverflow!在开发人员工具控制台。

有关详细解释，请参阅立即调用函数表达式(IIFE)

它声明了一个匿名函数，然后调用它:

(function (local_arg) {
   // anonymous function
   console.log(local_arg);
})(arg);

不，这个构造只是为命名创建了一个作用域。如果你把它分成几部分，你可以看到你有一个外部

(...)();

这是一个函数调用。括号内是:

function() {}

这是一个匿名函数。在构造中使用var声明的所有内容将只在同一构造中可见，并且不会污染全局名称空间。

还有一个用例是内存，缓存对象不是全局的:

var calculate = (function() {
  var cache = {};
  return function(a) {

    if (cache[a]) {
      return cache[a];
    } else {
      // Calculate heavy operation
      cache[a] = heavyOperation(a);
      return cache[a];
    }
  }
})();

这是Javascript中立即调用的函数表达式:

为了理解JS中的IIFE，让我们分解一下:

表达式:返回值的东西 示例:在chrome控制台中尝试以下操作。这些是JS中的表达式。

A = 10 输出= 10 (1 + 3) 输出= 4

函数表达式: 例子:

函数表达式 var greet = function（name）{ 返回“Namaste” + ' ' + 名称; } 问候（“桑托什”）;

函数表达式如何工作: - JS引擎第一次运行时(执行上下文-创建阶段)，这个函数(上面=右侧)不会被执行或存储在内存中。变量'greet'被JS引擎赋值为'undefined'。 -在执行期间(执行上下文-执行阶段)，函数对象是动态创建的(尚未执行)，被分配给'greet'变量，可以使用'greet(' someename ')'调用。

3.立即调用的函数表达式:

例子:

// IIFE
var greeting = function(name) {
    return 'Namaste' + ' ' + name;
}('Santosh')

console.log(greeting)  // Namaste Santosh. 

IIFE如何运作: -注意函数声明后面的'()'。每个函数对象都有一个可调用的'CODE'属性。我们可以使用大括号'()'调用它。 -所以这里，在执行期间(执行上下文-执行阶段)，函数对象被创建并同时执行 -所以现在，greeting变量没有函数对象，而是有它的返回值(一个字符串)

JS中IIFE的典型用例:

下面的IIFE模式是非常常用的。

// IIFE 
// Spelling of Function was not correct , result into error
(function (name) {
   var greeting = 'Namaste';
   console.log(greeting + ' ' + name);
})('Santosh');

我们在这里做两件事。 a)将函数表达式包装在大括号()中。这将告诉语法解析器放在()中的whatever是一个表达式(在本例中是函数表达式)，并且是一个有效的代码。 b)我们同时调用这个函数，在它的末尾使用()。

因此，这个函数同时被创建和执行(IIFE)。

IIFE的重要用例:

IIFE使我们的代码安全。 -作为一个函数，IIFE有自己的执行上下文，这意味着在它内部创建的所有变量都是这个函数的局部变量，不与全局执行上下文共享。

假设我的应用程序中使用了另一个JS文件(test1.js)和life . JS(见下文)。

// test1.js

var greeting = 'Hello';

// iife.js
// Spelling of Function was not correct , result into error
(function (name) { 
   var greeting = 'Namaste';
   console.log(greeting + ' ' + name);
})('Santosh');

console.log(greeting)   // No collision happens here. It prints 'Hello'.

所以IIFE帮助我们编写安全的代码，这样我们就不会无意中与全局对象发生冲突。

IIFE(立即调用函数表达式)是一个在脚本加载和退出时立即执行的函数。

考虑下面写在life .js文件中的函数

(function(){
       console.log("Hello Stackoverflow!");
   })();

上面的代码将在你加载life .js时立即执行，并打印'Hello Stackoverflow!在开发人员工具控制台。

有关详细解释，请参阅立即调用函数表达式(IIFE)