JavaScript学习札记(十四) 立即执行函数-JavaSript-爱易网页

JavaScript学习札记(十四) 立即执行函数

日期：2014-05-16　浏览次数：20409 次

JavaScript学习笔记(十四) 立即执行函数

立即执行函数(Immediate Functions)

立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，比如：

(function () {
alert('watch out!');
}());

这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行；

立即执行函数(immediate function)术语不是在ECMAScript标准中定义的，但它很短有助于描述和讨论模式；

这种模式有一些几部分组成：

使用函数表达式定义一个函数(函数声明不能起作用)
在结尾加上一对括号，让函数立即被执行
将整个函数包裹在一对括号中(只有在你不将函数赋值给一个变量的时候才需要)

下面这种可选的语法形式也是很常见的(注意结尾的一对括号)，但JSLint趋向于第一种：

(function () {
alert('watch out!');
})();

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

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

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

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

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

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

(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 。

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

var resu

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。