本文主要是介绍前端学习<四>JavaScript基础——22-立即执行函数,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
立即执行函数 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 的值,说明形成了闭包)。
写在最后:希望大家可以点个关注点个赞,这对up真的很重要!谢谢!
这篇关于前端学习<四>JavaScript基础——22-立即执行函数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!