JavaScript匿名函数介绍

JavaScript匿名函数介绍

匿名函数顾名思义指的是没有名字的函数，在实际开发中使用的频率非常高。

JavaScript匿名函数最常见的用法：

(function(){

//运行的代码

})();

红色括号里面是一个匿名函数，红色括号是分割，表示里面的函数是一个部分，绿色的括号表示一个运算符，表示红色括号里面的函数要运行。

相当于定义完一个匿名函数后让它直接运行。

例如：

<script>

(function(x, y){

    z=x+y;

    alert("2+3=" + z); 

})(2, 3);

</script>

保存文件名：匿名函数例.html

用浏览器打开运行效果如下图：

下面给出几个应用场景示例

例1、匿名函数用在事件的例子，这里是用在按钮事件中

<input type="button" value="单击看看！" id="buttonID">

<script>

    //获得按钮元素

    var sub=document.querySelector("#buttonID ");

    //给按钮增加点击事件。

    sub.onclick=function(){

        alert("你单击了按钮！");

    }

</script>

保存文件名：匿名函数用在按钮事件的例.html

用浏览器打开运行效果如下图：

例2、将匿名函数赋值给变量

<script>

//将匿名函数赋值给变量fn。

var fn=function(){

    return "这是将匿名函数赋值给变量的简单示例！"

}

//调用方式与调用普通函数一样

alert(fn());//显示：这是将匿名函数赋值给变量的简单示例！

</script>

保存文件名：匿名函数用在按钮事件的例.html

用浏览器打开运行效果如下图：