22-立即执行函数

26,873次阅读
没有评论

共计 887 个字符,预计需要花费 3 分钟才能阅读完成。

立即执行函数 IIFE

概念

函数定义完,就立即被调用,这种函数叫做立即执行函数。英文是 IIFE(Immediately-invoked function expression),立即调用函数表达式。

语法格式

语法 1:

(function() {// 函数体})();

语法 2:(立即执行函数也可以传参)

(function() {// 函数体})(a, b);

语法解释:

  • function(){} 这种写法,需要再加一对圆括号,变成 “

举例

现有匿名函数如下:

	function(a, b) {console.log("a = " + a);
		console.log("b = " + b);
	};

立即执行函数如下:

	(function(a, b) {console.log("a = " + a);
		console.log("b = " + b);
	})(123, 456);

立即执行函数往往只会执行一次。为什么呢?因为没有变量保存它,执行完了之后,就找不到它了。

IIFE 的作用

为变量赋值

当给变量赋值需要一些较复杂的计算时,使用 IIFE 显得语法更紧凑。

const sex = 'male';
const nickName = (function () {if (sex == 'male') {return '帅哥';} else {return '美女';}
})();

console.log(nickName);

将全局变量变为局部变量

现有如下代码:

var arr = [];
for (var i = 0; i < 5; i++) {arr.push(function () {console.log(i);
  });
}
arr[2](); // 打印 5

我们知道,上方代码中,i 是全局变量,所有函数共享内存中的同一个变量 i。

现在,我们通过立即执行函数进行改造:

var arr = [];
for (var i = 0; i < 5; i++) {(function (i) {arr.push(function () {console.log(i);
    });
  })(i);
}
arr[2](); // 打印 2

上方代码中,i 作为传递给了 IIFE 的形参,让 i 得以成为 IIFE 的局部变量;并让 IIFE 并形成了闭包(arr[2]() 打印出了 IIFE 内部变量 i 的值,说明形成了闭包)。

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-10发表,共计887字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)