JavaScript 进阶营web前端开发

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

2019-11-25  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读