什么是IIFE,应用场景?

IIFE(Immediately-invoked function expression):立即执行函数表达式

也叫立即执行匿名函数:1. 声明一个匿名函数;2. 马上调用这个匿名函数
基本形式如下:

( function () { //内容 } )()               //正确

注意:下面这段代码会导致语法错误,是因为Javascriptunction关键字当作一个函数声明的开始,而函数声明后面是不能跟圆括号的(匿名函数是函数声明的一种)。然而,函数表达式的后面可以跟圆括号。要将函数声明转换成函数表达式,(如上面代码所示)

//错误示范
function() {
//内容
}();

原理:

JavaScript 引擎在预编译阶段处理函数,但由于 ( function () {} ) 是表达式,所以JS在预编译阶段会忽略它;在 JavaScript 代码执行时,执行到 ( function () {} ) 会对它求值,得到一个返回值,这个返回值就是一个函数,所以在遇到 () 时,就会去执行该函数。总之,立即执行匿名函数就是把函数变成一个表达式,让 JavaScript 引擎在预编译阶段忽略它,然后在执行阶段解析它,然后碰到 () 就直接执行。

产生原因:

在javascript(ES5)中,是没有块级作用域的概念的。如下:

for (var i = 0; i < 5; i++) {

}
console.log(i); //5

因为没有块级作用域的概念,因此,在 for 循环中声明的 i 变量实际上是一个全局变量,因此可以在全局环境中访问的到。

块级作用域,也可以称为私有作用域。也就是说只在for循环的语句块中有定义,一旦循环结束,变量 i 就会被销毁。而在ES5中,我们主要通过匿名函数的方式来块级作用域。(ES6新增了letconst,var,let的区别

用作块级作用域(私有作用域)的匿名函数的语法:

(function() {
//此处是块级(私有)作用域
})()

以上代码定义并立即调用了一个匿名函数。将函数声明包含在一对圆括号中,表示它实际上是一个函数表达式。

IIFE的好处

  1. IIFE中定义的任何变量和函数,都会在执行结束时被销毁。适合做初始化工作。
  2. 创建块级(私有)作用域,避免了向全局作用域中添加变量和函数,因此也避免了多人开发中全局变量和函数的命名冲突。
  3. IIFE中定义的任何变量和函数,都会在执行结束时被销毁。这种做法可以减少闭包占用的内存问题,因为没有指向匿名函数的引用。只要函数执行完毕,就可以立即销毁其作用域链了。

应用场景

  1. 一般用于框架、插件等场景。
发布了45 篇原创文章 · 获赞 174 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_40693643/article/details/101844241