美文网首页JavaScript 进阶营web前端开发
JavaScript匿名函数_函数自我执行(十七)

JavaScript匿名函数_函数自我执行(十七)

作者: 终身成长人格 | 来源:发表于2019-11-25 10:55 被阅读0次

    目录:

    1.什么是匿名函数

    2.匿名函数的使用

    一、什么是匿名函数

    匿名函数,顾名思义,就是没有名字的函数。

    二、匿名函数的使用

    1.首先我们声明一个普通函数:

    //声明一个普通函数,函数的名字叫fn
    function fn(){   
         console.log("xxxxx");
    }
    

    2.然后将函数的名字去掉即是匿名函数:

    //匿名函数,运行时,你会发现报错啦!
    function (){    
         console.log("xxxxx");
    }
    

    3.到此,你会发现单独运行一个匿名函数,由于不符合语法要求,报错啦!解决方法只需要给匿名函数包裹一个括号即可:

    //匿名函数在其它应用场景括号可以省略
    (function (){    //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。
         console.log("xxxxx");
    })
    

    4.如果需要执行匿名函数,在匿名函数后面加上一个括号即可立即执行!

    (function (){    //此时会输出xxxxx
         console.log("xxxxx");
    })()
    

    5.倘若需要传值,直接将参数写到括号内即可:

    (function (str){    //此时会输出xxxxx执行了
        console.log("xxxxx"+str);
    })("执行了")
    

    6.总结

    ;(function(){
        console.log('caibaojian.com');
    })()
    
    ;(function(){
        console.log('caibaojian.com');
    }());
    

    上面这两种都是典型的立即执行函数写法,两者的区分就是一个执行在匿名函数括号外面,另外一个发起执行的括号在匿名函数里面。比较常见的是第一种写法,括号在匿名函数的括号外面。看下图:

    image

    步骤分解:

    1.首先声明一个匿名函数 function(){alert('我是匿名函数')}。

    2.然后在匿名函数后面接一对括号 (),调用这个匿名函数。

    下节预告:函数_执行环境

    参考视频链接:https://www.3mooc.com/front/couinfo/228

    相关文章

      网友评论

        本文标题:JavaScript匿名函数_函数自我执行(十七)

        本文链接:https://www.haomeiwen.com/subject/qcydwctx.html