0


JavaScript-匿名函数

什么是匿名函数

1、匿名函数,即没有名称的函数
2、如果单独只写一个匿名函数,此时是不符合语法要求的 会报错。需要给 匿名函数包裹一个括号,使之成为表达式。
3、被小括号包裹的内容会被js识别为一个函数表达式

如何执行和使用匿名函数?

需要执行匿名函数 后面追加括号即可 也就是立即执行函数

方式一:小括号只将匿名函数包裹起来 后面跟随执行的小括号(常用)

(function(){alert('匿名函数执行方式一')})();

小括号将匿名函数以及执行匿名函数的小括号都包裹起来 整体构成一个表达式

(function(){alert('匿名函数执行方式二')}());

匿名函数传参 与其他普通参数的传参方式一样,调用的时候将参数传入即可

(function(m){alert(m)}('这是匿名函数传进来的参数'));

匿名函数的应用

绑定事件时的方法

let item = document.getElementById("item")
    item.onclick=function(){alert("我是输入框的点击事件")}

函数表达式 将匿名函数赋值给一个变量

letfun2=function(){alert('这是一个函数表达式')}fun2();

对象里面的函数属性

let obj ={name:"Year",age:28,hobby:function(){return'我喜欢跳舞'}};alert(obj.hobby());

回调函数,将匿名函数作为其中的一个参数

//过滤出值为9的值let numArr =[1,5,9,10]let newArr = numArr.filter(function(item){if(item !==9){return item
      }});

函数返回值,即将函数作为一个返回值

//内部函数可以访问外部函数的所有变量functionbox(){returnfunction(){alert("函数作为返回值的应用")}}box()();

在这里插入图片描述
点赞 -收藏-关注-便于以后复习和收到最新内容有其他问题在评论区讨论-或者私信我-收到会在第一时间回复如有侵权,请私信联系我感谢,配合,希望我的努力对你有帮助^_^

标签: js javastript 前端

本文转载自: https://blog.csdn.net/weixin_45203607/article/details/124227504
版权归原作者 胡安民 所有, 如有侵权,请联系我们删除。

“JavaScript-匿名函数”的评论:

还没有评论