匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高。
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.οnclick=function(){
alert(“你单击了按钮!”);
}
</script>
保存文件名:匿名函数用在按钮事件的例.html
用浏览器打开运行效果如下图:
例2、将匿名函数赋值给变量
<script>
//将匿名函数赋值给变量fn。
var fn=function(){
return “这是将匿名函数赋值给变量的简单示例!”
}
//调用方式与调用普通函数一样
alert(fn());//显示:这是将匿名函数赋值给变量的简单示例!
</script>
保存文件名:匿名函数用在按钮事件的例.html
用浏览器打开运行效果如下图:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/186187.html原文链接:https://javaforall.cn