js中的匿名函数和匿名自执行函数

本文介绍了JavaScript中的匿名函数及其自执行形式的常见应用场景,探讨了它们如何帮助实现闭包及模拟块级作用域,减少全局变量数量,从而节省内存。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



1.匿名函数的常见场景

js中的匿名函数是一种很常见的函数类型,比较常见的场景:

  1.    <input type="button" value="点击" id="btn">    
  2. <script type="text/javascript">  
  3.     //匿名函数的第一种情形  
  4.     var btn=document.querySelector("#btn");  
  5.     btn.onclick=function(){  
  6.         // alert("aaaaa");  
  7.     }  
  8.     //匿名函数的第二种情形  
  9.     setInterval(function(){  
  10.         // alert("bbbbb");  
  11.     }, 1000);  
  12.     //匿名函数的第三种情形  
  13.     var fun=function(){  
  14.         alert("ccccc");  
  15.     }  
  16.     // fun();  
  17.     //匿名函数的第四种情形  
  18.     var obj={  
  19.         name:"dddd",  
  20.         say:function(){  
  21.             alert(this.name);  
  22.         }  
  23.     }  
  24.     obj.say();  
  25. </script>  
        <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.匿名自执行函数

见名思义,匿名自执行函数首先是一个匿名函数,但是这个函数是可以自己自动执行的,不需要借助其他的元素。
  1.   <input type="button" value="点击" id="btn">    
  2. lt;script type="text/javascript">  
  3. //1,匿名函数的第一种实现方式  
  4. (function(data){  
  5.     // alert(data);  
  6. })("eee");  
  7. //2.匿名自执行函数的第二种实现方式  
  8. (function(){  
  9.     // alert("fff");  
  10. }());  
  11. //3.匿名自执行函数的第三种实现方式  
  12. !function(data){  
  13.     // alert(data);  
  14. }("hhh");  
  15. //4.匿名自执行函数的第四种实现方式  
  16. var fun=function(data){  
  17.     alert(data);  
  18. }("iii");  
        <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.匿名自执行函数的作用

1.匿名自执行函数最常见的作用是用于实现闭包的情况中。关于闭包的概念我会在后面的博客中详细介绍。这里简单说明一下闭包。 闭包:闭包是js的一种特性,我们可以通过闭包实现函数内外部的连接,并且可以使得函数的局部变量始终存在于内存中。

2.匿名自执行函数还可以用于在js中模拟创建块级作用域,即如果使用匿名自执行函数将某些代码包裹起来可以实现块级作用域的效果,减少全局变量的数量,在匿名自执行函数执行结束后变量就会被内存释放掉,从而也会节省了内存。

4,匿名函数和匿名自执行函数总结

匿名函数可以简单理解为没有名字的函数,常见的场景一共就有4种。
匿名自执行函数可以简单理解为可以自己执行的匿名函数,实现匿名自执行函数的方式一共有4种。
匿名自执行函数的作用就是用于闭包和创建独立的命名空间两个方面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值