JS匿名函数和匿名自执行函数概念与用法分析
网络编程 2021-07-04 17:33www.168986.cn编程入门
这篇文章主要介绍了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("c"); } // 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种。
匿名自执行函数的作用就是用于闭包和创建独立的命名空间两个方面。
更多关于JavaScript相关内容可查看本站专题《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程