自执行函数表达式
解析器在解析全局的function或者function内部的function关键字的时候,默认是认为function声明,而不是function表达式,如果你不显示告诉编辑器,编辑器会默认声明成一个缺少名字的function,并抛出一个语法错误信息,因为function声明需要一个名字。
那么如何解决这个问题呢,方法有很多种
(function(){})();
(function(){}());
var a = function (){}();
true && function(){}();
0,function(){}();
!function(){}();
~function(){}();
+function(){}();
-function(){}();
new funcyion(){};
new function(){}();
自执行匿名函数和立即执行的函数表达式的区别
//这是一个自执行的函数,函数内部执行自身,递归。
function foo () {foo();}
//arguments.callee 在哪一个函数中运行,它就代表哪个函数。 一般用在匿名函数中。
//这是一个自执行的匿名函数,因为没有标示名称,必须使用arguments.callee属性来执行自己
var foo = function () {arguments.callee();};
//这可能是一个自执行的匿名函数,仅仅是foo标示名称引用了他自己本身
var foo = function () {foo();};
//有些人叫这个为自执行的匿名函数(即使他不是),因为他没有调用自身,只是立即执行而已。
(function(){/* code */})();
(function(){/* code */}());
//立即调用的函数表达式也可以自执行,不过可能不常用罢了。
(function(){arguments.callee();}());
(function foo(){foo()});
希望看了这些例子,可以让大家明白什么叫做自执行,什么叫做立即调用。
Module模式
看代码
//创建一个立即调用的匿名函数表达式
//return一个变量,其中这个变量里包含你想暴露的东西
//返回的变量赋值给counter,而不是外面声明的function自身
var counter = (function(){
var i = 0 ;
return {
get : function(){
return i ;
}
set : function(val){
i = val ;
}
increment : function(){
return ++i ;
}
}
}());
//counter其实是一个带有多个属性的对象,而上面的代码对于这种属性的体现其实方法
counter.get();//0
counter.set(3);
counter.increment();//4
counter.i//undefind 因为i不是返回对象的属性,i只存在于闭包。