JS中立即调用的函数表达式

自执行函数表达式

解析器在解析全局的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只存在于闭包。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值