JS匿名函数和匿名自执行函数概念与用法分析
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS匿名函数和匿名自执行函数概念与用法分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2319字，纯文字阅读大概需要4分钟。
内容图文
这篇文章主要介绍了JS匿名函数和匿名自执行函数概念与用法,结合实例形式分析了匿名函数和匿名自执行函数的概念、功能、应用场景及相关使用技巧,需要的朋友可以参考下本文实例讲述了JS匿名函数和匿名自执行函数概念与用法。分享给大家供大家参考，具体如下：
1. 匿名函数的常见场景
js中的匿名函数是一种很常见的函数类型，比较常见的场景:
<input type="button" value="点击" id="btn">
<script type="text/javascript">
//匿名函数的第一种情形
var btn=document.querySelector("#btn");
btn.onclick=function(){
// alert("aaaaa");
}
//匿名函数的第二种情形
setInterval(function(){
// alert("bbbbb");
}, 1000);
//匿名函数的第三种情形
var fun=function(){
alert("ccccc");
}
// fun();
//匿名函数的第四种情形
var obj={
name:"dddd",
say:function(){
alert(this.name);
}
}
obj.say();
</script>上面展示的就是常见的匿名函数的使用场景。(注意:querySelector是H5中新增的查找dom元素的方法)
2. 匿名自执行函数
见名思义，匿名自执行函数首先是一个匿名函数，但是这个函数是可以自己自动执行的，不需要借助其他的元素。
<input type="button" value="点击" id="btn">
<script type="text/javascript">
//1，匿名函数的第一种实现方式
(function(data){
// alert(data);
})("eee");
//2.匿名自执行函数的第二种实现方式
(function(){
// alert("fff");
}());
//3.匿名自执行函数的第三种实现方式
!function(data){
// alert(data);
}("hhh");
//4.匿名自执行函数的第四种实现方式
var fun=function(data){
alert(data);
}("iii");从上面的代码块中我们可以总结出实现匿名自执行函数的方法一般有四种。
3. 匿名自执行函数的作用
①. 匿名自执行函数最常见的作用是用于实现闭包的情况中。关于闭包的概念我会在后面的文章中详细介绍。这里简单说明一下闭包。闭包:闭包是js的一种特性，我们可以通过闭包实现函数内外部的连接，并且可以使得函数的局部变量始终存在于内存中。
②. 匿名自执行函数还可以用于在js中模拟创建块级作用域，即如果使用匿名自执行函数将某些代码包裹起来可以实现块级作用域的效果，减少全局变量的数量，在匿名自执行函数执行结束后变量就会被内存释放掉，从而也会节省了内存。
4. 匿名函数和匿名自执行函数总结
匿名函数可以简单理解为没有名字的函数，常见的场景一共就有4种。
匿名自执行函数可以简单理解为可以自己执行的匿名函数，实现匿名自执行函数的方式一共有4种。
匿名自执行函数的作用就是用于闭包和创建独立的命名空间两个方面。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
jQuery+ajax读取json数据并按照价格排序示例
vue 开发一个按钮组件的示例代码
vue-cli脚手架-bulid下的配置文件
以上就是JS匿名函数和匿名自执行函数概念与用法分析的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的JS匿名函数和匿名自执行函数概念与用法分析全部内容，希望文章能够帮你解决JS匿名函数和匿名自执行函数概念与用法分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。