javascript中的及时函数用法及其作用

快来打我* 2022-06-10 11:47 190阅读 0赞

**javascript中的及时函数（也叫立即执行函数）**

立即执行函数模式是一种语法，这种模式可以让函数在定义后立即被执行

写法一：(推荐) (function(){ console.log("函数已加载就运行"); }());

写法二： (function(){ console.log("函数定义就被执行"); })();

立即执行函数模式的本质就是函数表达式（命名或者匿名函数），在经过创建后就执行。这种模式（立即执行函数（immediate function））术语不是在ECMAScript标准中定义的。

定义立即执行函数过程：

*  使用函数表达式定义一个函数（函数申明并没有起作用）
 *  在结尾加上一个一对括号，让函数立即执行
 *  将整个函数包裹在一对括号中（只有在不将函数赋值给一个变量的时候才需要）

这种模式是非常有用的，因为它为初始化代码提供了一个沙箱；

考虑一下下面这种常见的场景：

你的代码在页面代码加载完成之后，不得不执行一些设置工作，比如附加时间处理器，创建对象等等，

所有的这些工作只需要执行一次，所以没有理由创建一个可复用的命名的函数，

但这些代码也需要一些临时的变量，但初始化过程结束后，就再也不会被用到了，

所以将这些变量作为全局变量不是个好主意，所以我们需要立即执行函数——去将我们所有的代码包裹在它的局部作用域中，不会让任何变量泄露成全局变量；

(function() {  
        var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],  
        today = new Date(),  
        msg = 'Today is ' + days[today.getDay()] + ', ' + today.getDate();  
        alert(msg);  
    } ()); // "Today is Fri, 13"

如果代码没有被包裹在立即执行函数中，那么局部变量days，today和msg都将成为全局变量，初始化代码的遗留产物。

### 立即执行函数的参数(Parameters of an Immediate Function) ###

你也可以给立即执行函数传递参数，就像下面的例子一样：

// prints: // I met Joe Black on Fri Aug 13 2010 23:26:59 GMT-0800 (PST) (function(who, when) { console.log("I met " + who + " on " + when); } ("Joe Black", new Date()));

通常，全局变量被作为一个参数传递给立即执行参数，这样它在函数内部不使用window也可以被访问到：这种方式可以让代码在环境(除了浏览器)中更加通用：

(function (global) {  
    // access the global object via `global`  
    }(this));

记住：通常你不应该给立即执行函数传递太多的函数，因为它很快会成为一个负担——为了理解代码是如何工作的，你不得不经常上下滚动源代码。

### 立即执行函数的返回值(Returned Values from Immediate Functions) ###

就像其它任何函数一样，一个立即执行函数也能返回值并且可以复制给其它变量：

var result = (function () {  
        return 2 + 2;  
    }());

另外一种实现相同的功能的方法是省略包裹函数的括号，因为当你将立即执行函数的返回值赋值给一个变量时它们不是必需的；

var result = function () {  
        return 2 + 2;  
    }();

这种语法是非常简单的，但它可能看起来有点令人误导；

如果没有注意到函数结束的括号，一些人可能就会认为result指向一个函数；

实际上result指向立即执行函数的返回值，在这种情况下是数字 4 。

还有另一种语法可以实现相同的功能：