IIFE的形式原理和常见写法

Posted 2020-10-29 SingSingaSong

immediately invoked function expression

立即调用的函数表达式

出现的形式：

最近做牛客网的JS在线编程，遇到几道考闭包的题目，发现闭包的尾巴那儿经常会出现一对小括号。

举个栗子：

var result = function(str3){
         return function(){
            return fn(str1,str2,str3);
        };
    }(str1,str2);  //尾巴这里的小括号叫做‘立即执行函数表达式’，表示声明的同时立即调用这个函数
    

所以百度了一些

出现的意思/为什么要有IIFE？

因为在es6提出块作用域之前，js只有全局作用域global scope和函数作用域function scope。

JS只能用function用来实现作用域的隔离。

意思就是，想隔离谁（变量、函数），就把定义它的这段代码装到一个function里。

因此经常会见到只出现一次的function。而一般我们封装函数的目的是为了重复多次地调用。为了实现作用域的隔离这么做，有违初衷。因此就出现了IIFE，在声明的同时立刻调用，不用再另起炉灶。
既然只使用一次，那么立即执行好了！既然只使用一次，函数的名字也省掉了！

IIFE的常见写法

(function foo(){  
  var a = 10;  
  console.log(a);  
})();  

(functionfoo(){  
  vara=10;  
  console.log(a);  
}()); 

一种写在括号内，一种写在括号外；