js----匿名函数和非匿名函数

66 阅读 0 评论 44 点赞

我是靠谱客的博主深情烧鹅，这篇文章主要介绍js----匿名函数和非匿名函数，现在分享给大家，希望可以做个参考。

一、js中的匿名函数

匿名函数顾名思义就是没有名称的函数，例如：

复制代码

1
2
3
4
5
var me = function(){
alert(1)
}
me()

其中function()就是一个没有函数名的函数
我们可以将这个匿名函数赋值给一个变量me，然后通过me()来调用这个匿名函数，输出结果就是1

复制代码

1
2
3
4
5
6
7
<button id="btn" >弹出</button>
<script>
document.getElementById("btn").onclick = function(){
alert(666)
}
</script>

这样就把匿名函数function()赋值给了id为btn的这个节点元素，通过为btn这个元素绑定onclick点击事件，我们点击btn对应的弹出按钮，就可以输出了

非匿名函数就是有函数名的函数，例如:

复制代码

1
2
3
4
5
6
7
8
9
<script>
function letter(a,b,c){
alert(a)
alert(b)
alert(c)
}
letter(1,2,3)
</script>

通过向letter函数中依次传入参数1，2，3然后网页就会输出对应的结果1，2，3
如果我们想把上面的点击按钮弹出666的功能改用非匿名函数，可以这样写:

复制代码

1
2
3
4
5
6
7
<button onclick = "btn()">弹出</button>
<script>
function btn(){
alert(666)
}
</script>

以上就是深情烧鹅最近收集整理的关于js----匿名函数和非匿名函数的全部内容，更多相关js----匿名函数和非匿名函数内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。