关于闭包最通俗易懂的解释

for循环,定时器,闭包混合一块的那点事。

    1,对于一个基本的for循环,顺序输出变量值。

        for(var i = 1; i < 4; i++){             console.log(i);//结果不多说了吧         }

    2,如果for循环中有定时器,如下代码。

        for (var i = 1; i < 4; i++) {
             setTimeout(function() {                
 		console.log(i);//3个4             
		}, 3000);         
	}

        初衷想要3s后输出1,2,3。但是3s后,输出3个4。原因是定时器的异步执行,for循环的执行速度很快,当真正执行到函数体时,此时i早已变成4,所以结果不想而知。

    3,如果要得到正确结果,就要引入闭包来保存变量i不被销毁。

        for (var i = 1; i < 4; i++) { 
 		(function(a) {  
			setTimeout(function() { 
 			 console.log(a);//操纵变量a,和i无关   
  			}, 3000);  
		})(i)       
 	}

        这样引入闭包,变量i保存下来,3s后函数体执行,输出1,2,3.

        也可以这样写

         for (var i = 1; i < 4; i++) { 
             setTimeout(fn(i), 3000);        
  	}          
	function fn(a){  
		return function(){   
		 console.log(a);   
 		} 
	}

    4,如果要实现,没隔3s输出一个数字,即,3s输出1,3s后再输出2...,就要对定时器时间设置

        for (var i = 1; i < 4; i++) { 
		(function(a) { 
 			setTimeout(function() {  console.log(a); 
 			}, a*3000);
 		 })(i)  
 	}

       实际上,for循环很快,上述代码类似于同时启动3个定时器,只需要确保时间不一样即可。在此,时间分别是3s,6s,9s,由于同时启动,但是执行时间不同,各个时间间隔都是3s。巧妙地达到了目的。

      后续如果有补充,会继续添加...

posted @   极速代码  阅读(938)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示