JavaScript中什么是立即执行函数，它怎么使用

本是古典何须时尚 2023-02-22 10:56 59阅读 0赞

一、什么是立即执行函数

声明一个函数，并马上调用这个匿名函数就叫做立即执行函数；也可以说立即执行函数是一种语法，让你的函数在定义以后立即执行。

二、立即执行函数的写法

JS引擎规定，如果function出现在行首，一律解析成语句。因此JS引擎看到行首是function关键字以后，认为这一段都是函数定义，不应该以原括号结尾，所以就报错了。解决方法就是不要让function出现在行首，让JS引擎将其理解为一个表达式，最简单的处理就是将其放在一个圆括号里，如下

(function () { alert("我是匿名函数")}())   //用括号把整个表达式包起来
    (function () { alert("我是匿名函数")})()  //用括号把函数包起来

三、立即执行函数的作用：

不必为函数命名，避免了污染全局变量

立即执行函数内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量

封装变量

总而言之：立即执行函数会形成一个单独的作用域，我们可以封装一些临时变量或者局部变量，避免污染全局变量。  
四、立即执行函数使用的场景

1、你的代码在页面加载完成之后，不得不执行一些设置工作，比如时间处理器，创建对象等等。  
2、所有的这些工作只需要执行一次，比如只需要显示一个时间。  
3、页面加载的时候就要请求一些数据，初始化的时候写到页面里。  
4、但是这些代码也需要一些临时的变量，但是初始化过程结束之后，就再也不会被用到，如果将这些变量作为全局变量，不是一个好的注意，我们可以用立即执行函数——去将我们所有的代码包裹在它的局部作用域中，不会让任何变量泄露成全局变量。

五、立即执行函数的参数

如果立即执行函数中需要全局变量，全局变量会被作为一个参数传递给立即执行函数（上例中的i就是一个全局变量，i代表的是实参，j是i在立即执行函数中的形参）。

(function(j){ 
    //代码中可以使用j
    })(i)

六、立即执行函数的返回值

像其他函数一样，立即执行函数也可以有返回值。除了可以返回基本类型值以外，立即执行函数也能返回任何类型的值，比如对象，函数。

var num=(function(j){ 
      var num=j+2;
      return function(){ 
        return num
      }
    })(i);
    var i=2
    console.log(num(i))//4