什么是IIFE
立即执行函数表达式(Immediately-invoked function expression)
IIFE
我们知道,在javascript(ES5)中,是没有块级作用域的概念的。看一个例子
for (var i = 0; i < 5; i++) { } console.log(i); //5
因为没有块级作用域的概念,因此,在 for 循环中声明的 i 变量实际上是一个全局变量,因此可以在全局环境中访问的到。
块级作用域,也可以称为私有作用域。也就是说只在for循环的语句块中有定义,一旦循环结束,变量 i 就会被销毁。而在ES5中,我们主要通过匿名函数的方式来块级作用域。
用作块级作用域(私有作用域)的匿名函数的语法:
(function() { //此处是块级(私有)作用域 })()
以上代码定义并立即调用了一个匿名函数。将函数声明包含在一对圆括号中,表示它实际上是一个函数表达式。看看这种写法是如何产生的
var a = function() { console.log(123); }; a(); //123
我们将一个匿名函数赋值给了一个全局变量a,然后调用了这个函数
当然也可以这样调用函数
var a = function() { console.log(123); }; a(); //123
既然这种方式可以立即执行一个函数,那也就意味着将匿名函数赋值给一个变量就完全没有意义了。
如果这样实现:
function() { console.log(123); }(); //SyntaxError: function statement requires a name
这段代码会导致语法错误,是因为Javascript将function
关键字当作一个函数声明的开始,而函数声明后面是不能跟圆括号的(匿名函数是函数声明的一种)。然而,函数表达式的后面可以跟圆括号。要将函数声明转换成函数表达式, 只要像下面这样给它加上一对圆括号即可。
//函数名没意义,所以使用匿名函数 //第一个圆括号:将匿名函数转换为函数表达式。 //第二个圆括号:立即执行匿名函数 (function() { console.log(123); })() //当然,你也可以给一个函数名,不过函数名在这里没有意义,因为整个函数在执行时就立即调用了。 (function keith() { console.log(123); })()
总结
了解了以上内容后,总结一下IIFE的优先:
1.创建块级(私有)作用域,避免了向全局作用域中添加变量和函数,因此也避免了多人开发中全局变量和函数的命名冲突
2.IIFE中定义的任何变量和函数,都会在执行结束时被销毁。这种做法可以减少闭包占用的内存问题,因为没有指向匿名函数的引用。只要函数执行完毕,就可以立即销毁其作用域链了。