什么是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. 一般用于框架、插件等场景。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神小夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值