当闭包遇上setTimeout

最新推荐文章于 2021-01-30 11:41:23 发布
VIP文章 最新推荐文章于 2021-01-30 11:41:23 发布
阅读量1k 收藏 5
点赞数
分类专栏： 前端学习小积累 文章标签： 闭包 setTimeout js执行机制 EventLoop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kk211814/article/details/88343430
版权

代码已经过测试。

知识点一：js的事件循环Event Loop

js是单线程执行的。js的执行机制把任务分为两类：同步任务、异步任务。

同步任务先执行，执行过程中遇到异步任务，就将其放入任务队列当中，继续执行同步任务。同步任务执行完之后，再去检查任务队列中要处理的异步任务。

具体的关于Event Loop的内容参考文章：并发模型与事件循环

知识点二： setTimeout

函数setTimeout接受两个参数：待加入队列的消息和一个延迟（可选，默认为 0）。这个延迟代表了消息被实际加入到队列的最小延迟时间。如果队列中没有其它消息，在这段延迟时间过去之后，消息会被马上处理。但是，如果有其它消息，setTimeout 消息必须等待其它消息处理完。因此第二个参数仅仅表示最少延迟时间，而非确切的等待时间。

接下来开始看具体题目

测试1： 


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  小希kk
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    5
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
使用闭包对setTimeout进行简单封装避免出错

				
			

			

				

					09-05
				

			

		

		

			
				
写js脚本时经常会用到一些拼写函数的情况，例如调用setTimeout...查了很长时间，为什么就是弹不出对话框呢，使用闭包就可完全避免了

			
		

	



                

              
                



	

		

			

				
					
setTimeout与闭包

				
			

			

				

					chuxianran8115的博客
				

				

					03-14
					
					472
					
				

			

		

		

			
				
一、关于 setTimeout 
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 
比如在1秒后打印出字母"a"： 
setTimeout('console.log("a")', 1000); 
执行效果图： 
 
我们看到执行setTimeout后，出现了一个数字 ...

			
		

	



                


  
              

                


	

		

			

				
					
详解setTimeout()

				
			

			

				

					Moments
				

				

					01-30
					
					2万+
					
				

			

		

		

			
				
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim

			
		

	





	

		

			

				
					
js闭包和setTimeout简单介绍以及解决闭包引起的常见问题

				
			

			

				

					qq_33183637的博客
				

				

					07-15
					
					3777
					
				

			

		

		

			
				
1.闭包：

    概念：在一个函数内部可以访问另一个函数的变量的函数。

    优点：

            1.可以利用闭包创建私有变量和方法。

            2.可以保存函数变量到内存中。

            3.访问函数变量。

    缺点：

            闭包由于会将函数变量保存到内存中，所以有可能会造成内存溢出。

 2.setTimeout

...

			
		

	



		

			
		



	

		

			

				
					
setTimeout在vue中的正确使用

					
热门推荐

				
			

			

				

					大唐锦绣的博客
				

				

					10-25
					
					13万+
					
				

			

		

		

			
				
笔者最近因为公司需求开发使用vue和jquery开发抓娃娃H5极简小游戏，使用到setTimeout函数。遇到了1个坑:


在vue的某个方法(点击后执行)
setTimeout(this.end(),4000);//娃娃消失

这里奇怪的是,end方法的确被执行了。但是没有执行4s后执行的效果。那我要你合用呢！其实，问题还是出在笔者身上，大家请看下图

setTimeout的定义和用法。问题出...

			
		

	





	

		

			

				
					
解决闭包问题时 setTimeout执行顺序提前的问题

				
			

			

				

					u013723936的博客
				

				

					04-26
					
					744
					
				

			

		

		

			
				
之前看视频的时候学到闭包问题，想自己试试就写了一下var arr = [1,2,3,4,5,6,7,8,9];for(let i = 0 ; i < arr.length ; i ++ ){	console.log(i);	setTimeout(function(){		console.log(i);    },10);}输出结果是![图片说明](https://img-ask.csdn.n...

			
		

	





	

		

			

				
					
JavaScript setTimeout使用闭包功能实现定时打印数值

				
			

			

				

					10-23
				

			

		

		

			
				
主要介绍了JavaScript setTimeout使用闭包功能实现定时打印数值 的相关资料,需要的朋友可以参考下

			
		

	





	

		

			

				
					
Javascript的setTimeout()使用闭包特性时需要注意的问题

				
			

			

				

					10-25
				

			

		

		

			
				
主要介绍了Javascript的setTimeout(0)使用闭包特性时需要注意的问题,需要的朋友可以参考下

			
		

	





	

		

			

				
					
关于setTimeout函数中的闭包问题

				
			

			

				

					thzx265bobo的专栏
				

				

					08-22
					
					1278
					
				

			

		

		

			
				
今天看到这么一道题：
function Dog(msg){
    this.msg=msg;
    this.eat=function(){
        alert(this.msg);    
    }
    this.work=function(){
        setTimeout(this.eat,2000);  
    }   
}
var o=new Dog("bone

			
		

	





	

		

			

				
					
setTimeout使用闭包，定时打印数字

				
			

			

				

					TSC_NeverGiveUp的博客
				

				

					06-06
					
					937
					
				

			

		

		

			
				
1 .

for(var i=0;i<5;i++){
    setTimeout(console.log(i),i*1000)
}

结果虽然是1,2,3,4,5，但是定时器没有起作用。

2 .

for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log(i)
    },i*1000)
}

每间隔一...

			
		

	





	

		

			

				
					
使用闭包对setTimeout进行简单封装

				
			

			

				

					xuexiaodong2009的专栏
				

				

					07-10
					
					2956
					
				

			

		

		

			
				
在写js脚本时，经常会用到一些拼写函数的情况，例如调用setTimeout
 var msgalert="test";
  function TestAlert(msg)
		 {
		    alert(msg)
		 }
		 
		 $(document).ready(function () {
	   $("#btnCancel").click(function (e) {

			
		

	





	

		

			

				
					
for循环中使用settimeout和清除clearTimeout

				
			

			

				

					小武的博客
				

				

					04-25
					
					4161
					
				

			

		

		

			
				
type==1是循环添加settimout，type==2是循环终止clearTimeout


timeOut=[];


shutterAnalysis(type){


   if(type == 1) {
      //添加的方法
      for (var i = 0; i < 10; i++) {
        (function (i) {
          tha...

			
		

	





	

		

			

				
					
setTimeout()踩坑

				
			

			

				

					小石头
				

				

					08-12
					
					869
					
				

			

		

		

			
				
setTimeout()中回调函数中的this

如果被setTimeout推迟执行的回调函数是某个对象的方法，那么该方法中的this关键字将指向全局环境，而不是定义时所在的那个对象。

let num = 1;
let obj = {
    num: 2,
    func: function () {
        console.log(this.num);
    }
}
setTim...

			
		

	





	

		

			

				
					
setTimeout方法使用时需注意：

				
			

			

				

					qq_25987491的博客
				

				

					05-11
					
					2153
					
				

			

		

		

			
				
[html] view plain copy//以下两种方式都行：  setTimeout(function () { test(); }, 2000);  //或者  setTimeout('test()',2000);  function test(){   alert("aaaa");  }  //以下是错误示例  setTimeout(test(),2000);  //会马上执行，没有延迟...

			
		

	





	

		

			

				
					
setTimeout 深度剖析

				
			

			

				

					热爱思考、活力满满、开朗爱笑的年轻人
				

				

					05-23
					
					1746
					
				

			

		

		

			
				
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。
js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。但是很多javascript新手对setTimeout的用法还是不是很了解

			
		

	





	

		

			

				
					
settimeout提示函数没有定义

				
			

			

				

					七里枫香的专栏
				

				

					04-02
					
					2868
					
				

			

		

		

			
				
//时间
	   var endtime = '3600';
	   var Account = '';
	   RemainTimes();
	   function RemainTimes(){
           var iHour,iMinute,iSecond;
           var sHour="",sMinute="",sSecond="",sTime="";
      

			
		

	





	

		

			

				
					
 setTimeout与console.log()执行顺序，局部变量和全局变量，var变量提升，this指向, 看不懂你来打我...

				
			

			

				

					weixin_34367257的博客
				

				

					10-08
					
					1186
					
				

			

		

		

			
				
令人心痛的血淋淋教训，再犯这些错误我不是人。
setTimeout与console.log()执行顺序
setTimeout延时为0时，
    setTimeout(function(){
        console.log(2);
    },0);
    console.log(1);
    //输出顺序：1，2
    
...

			
		

	





	

		

			

				
					
groovy 闭包上下文传递

					
最新发布

				
			

			

				

					05-30
				

			

		

		

			
				
当一个闭包被调用时，它的上下文可以通过多种方式传递给它。  一种传递上下文的方式是将其作为闭包的参数传递。例如：  ``` def myClosure = { context ->  println "Hello, ${context.user}!" } myClosure([user: '...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值