Javascript-立即调用函数表达式

立即调用函数表达式其实就是函数的调用而已,只不过是立刻执行。
立即调用函数表达式与闭包还是不同概念的,很多人都会弄混,以为没有函数名就是闭包,闭包加个括号括起来就是立即调用,虽然…我也曾经这样认为。
立即调用函数表达式一般在3种情况下运用:
1.立刻执行的函数(注意:此函数因为立刻执行,所以只能执行一次,不能反复调用)
2.防止命名冲突,解决命名空间和变量污染的问题。
3.创建闭包,保存状态,隔离作用域
上代码~~
1.立刻执行的函数

<script type="text/javascript">
    (function(a) {            //常见写法
        alert(a)
    })(0);

    (function(a){
        alert(a)
    }(0));

    (function text1(b) {
        alert(b);
    })(1);

    function text2(c) {        //不报错但是js不会解析(),只解析函数声明
        alert(c);
    }(2);
    text2("2_1");              //弹出2_1

    var text3 = function(d){   //成功,立即调用
        alert(d);
    }(3);    

    function(e) {              //报错,语法错误,虽然匿名函数属于函数表达式,但是未进行赋值操作
        alert(e);              //所以javascript引擎将开头的function关键字当做函数声明,报错:要求需要一个函数名
    }(4);
</script>

那么,为什么同样是匿名函数(function(){…}())能成功但function(){…}()就报错呢,现在看来是因为强制把(function(){…})里的当成了函数表达式而不是函数声明。为什么要创建这样的一个外层包裹,其原理又是如何?这里要区分2个概念一个是匿名函数,一个是自执行。顾名思义,匿名函数,就是没有函数名的函数,也就是不存在外部引用。将匿名函数用()包裹起来,后面再加上可包含参数列表的(),那么就能将我们的表达式组合分块,并会有一个返回值。所以当我们用()把匿名函数包裹起来的时候,()返回的就是一个Function对象。
2.防止命名冲突
平时我们开发时都会引用各种插件,不可避免的肯定会有命名冲突。常见是使用匿名函数将包含脚本,让变量的作用域控制在匿名函数里面。
3.创建闭包,保存状态,隔离作用域
经典面试问题,for循环取i

    for(var i=0;i<10;i++) {
        $(".btn"+i).click(function() {
            alert(i)
        })
    }

原本是想按第一个按钮的话就弹出1,按第二个就弹出2,但是发现无论是按第几个按钮,弹出的都是10。因为执行到alert这行代码的时候,在他的函数作用域中没有声明i这个变量,所以往他的父级找,但是父级的i已经遍历完了,所以i=10。如果想解决这个问题,就可以用匿名函数和立即调用函数表达式来解决。

    for(var i=0;i<10;i++) {
        (function(i) {
            $(".btn"+i).click(function() {
                alert(i);
            })
        })(i);
    }

下期来谈谈闭包问题……

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值