Javascript setTimeout内存溢出问题

最新推荐文章于 2025-06-04 19:06:10 发布
最新推荐文章于 2025-06-04 19:06:10 发布
阅读量6.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： javascript 定时
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tengmuxin/article/details/51023389
本文探讨了JavaScript中setTimeout可能导致的死循环问题，详细解释了两种错误的使用方式，并提出了解决方案，通过创建匿名函数来防止内存溢出。

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



以下代码会造成死循环，
	function test(){
		setTimeout(test,1000)
	}
	test();
	或者
	var test = function(){
		setTimeout(test(),1000);
	}
	test();
原因是setTimeout的第一个参数最好不要直接使用方法名或匿名函数。


使用以下代码可以避免发生死循环问题：


	var test = function(){
		setTimeout(function(){
			test();
		},1000);
	}
	test();









                

        

    

    
  



    



                



	

		

			

				
					
ajax timeout 内存溢出,setInterval 和 setTimeout会产生内存溢出

				
			

			

				

					weixin_39934063的博客
				

				

					08-05
					
					1221
					
				

			

		

		

			
				
setInterval 和 setTimeout会产生内存溢出    来一个简单的例子。有兴趣的朋友可以自己尝试复制代码 代码如下:functiona(){document.title="ok";setTimeout(a,0);}setTimeout(a,0);时间： 2008-02-13先来了解 setInterval : 1,HTML DOM setInterval() 方法 定义和用法...

			
		

	



                

            
              



	

		

			

				
					
JS闭包产生条件、作用、生命周期

				
			

			

				

					aolyu的博客
				

				

					06-07
					
					996
					
				

			

		

		

			
				
闭包1. 闭包的概念2. 闭包产生条件
1. 闭包的概念
闭包就是能够读取其他函数内部变量的函数，或者子函数在外调用（子函数所在的夫函数的作用域不会被释放）。
2. 闭包产生条件

函数嵌套
例如：

function A() {
	function B() {
    }
}


内部函数引用了外部函数中的数据（属性、函数）
例如：

function A() {
  var a = "a";
  function B() {
    console.log(a);
  }
}


执行外部函数（也可理解

			
		

	



              


  
              

                


	

		

			

				
					
关于定时器 setTimeout 可能会引发的内存泄露

				
			

			

				

					Constantiny的博客
				

				

					03-02
					
					3955
					
				

			

		

		

			
				
setTimeout本身并不直接引发内存泄露，但如果使用不当，确实可以间接导致内存泄漏。以下是一些使用setTimeout可能导致内存泄漏的情况：闭包引用：在setTimeout的回调函数中，如果引用了外部变量（形成闭包），那么直到回调函数执行完毕之前，这些外部变量都不会被垃圾回收。如果这个外部变量是一个大对象或者包含大量数据，并且setTimeout设置了很长的延时，那么这段时间内这些数据都无法被回收。取消引用失败：如果setTimeout。

			
		

	





	

		

			

				
					
setTimeout——内存泄漏

					
热门推荐

				
			

			

				

					hello，是翠花呀
				

				

					03-10
					
					1万+
					
				

			

		

		

			
				
写了个定时器，突发奇想，将setTimeout(function,n)放至function 函数内（function函数外已经用setTimeout调用了function函数）。        function dd() {            /*此处省略*/
            Mycheck=setTimeout(dd,n);
           //、、
            se

			
		

	



		

			
		



	

		

			

				
					
【定时器】定时器存在的内存泄露问题

					
最新发布

				
			

			

				

					AM1n98的博客
				

				

					06-04
					
					510
					
				

			

		

		

			
				
如果回调函数中使用了闭包，可能会导致定时器一直占据着某个引用的外部变量，这个变量可能是一个大体积量的数据，或是一个大型 DOM 元素，这回阻止这些数据被垃圾回收。比如当页面被销毁或组件被卸载时，若没有做清理定时器的操作，那定时器会仍然在运行，它会持有对回调函数的引用，阻止回调函数及其依赖的变量被垃圾回收。，这样频繁的执行闭包函数，那么这个外部变量相当于一直被引用，若它是个大体积量数据，则会一直占据内存，导致内存泄漏。如果定时器的回调函数引用某个 DOM 元素变量，且这个 DOM 元素变量是在外部定义的。

			
		

	





	

		

			

				
					
setTimeout节省内存写法

				
			

			

				

					qlin_11的博客
				

				

					09-13
					
					292
					
				

			

		

		

			
				
var oBox = document.getElementById('box');
    var maxLeft = utils.win('clientWidth') - oBox.offsetWidth;
    var step = 5;
    var timer = null;

    // 使用递归思想完成setTimout的轮询动画:
    // 每一次在执行动画之前，首先把上一次设置的那一个没有用的定时器清除，以节约内存
    function move() {
       ...

			
		

	





	

		

			

				
					
 JavaScript堆内存溢出

				
			

			

				

					05-04
				

			

		

		

			
				
### 解决JavaScript堆内存溢出问题  JavaScript 堆内存溢出通常发生在应用程序尝试分配超出可用内存范围的资源时。以下是几种常见的解决方案以及可能的原因分析：  #### 1. **增加Node.js的最大堆大小** 默认情况下...

			
		

	





	

		

			

				
					
HOW - 内存泄漏和溢出问题和定位技巧

				
			

			

				

					weixin_58540586的博客
				

				

					05-01
					
					571
					
				

			

		

		

			
				
内存泄漏（Memory Leak）和内存溢出（Memory Overflow）是两种不同的内存管理问题，它们的表现和原因不同。今天我们主要介绍JavaScript中会遇到的内存泄漏和溢出场景，包括定位技巧。

			
		

	





	

		

			

				
					
javascript 内存溢出

				
			

			

				

					02-14
				

			

		

		

			
				
### JavaScript 内存溢出的原因  JavaScript 中内存溢出通常由以下几个因素引起：  - **过多的小对象创建**：频繁创建大量小型对象会占用大量的堆空间，如果这些对象未能及时被垃圾回收机制处理，则可能导致内存泄漏...

			
		

	





	

		

			

				
					
JavaScript 导致内存泄漏的场景和规避方法

				
			

			

				

					Cshaosun的博客
				

				

					06-19
					
					942
					
				

			

		

		

			
				
在日常开发中，我们经常会无意识一些操作导致内存溢出。为此我总结一下内存溢出的几种场景供大家参考。希望能在优化自己代码的道路上有所帮助。

			
		

	





	

		

			

				
					
微信小程序—setTimeOut定时器的问题及解决

				
			

			

				

					10-16
				

			

		

		

			
				
初始尝试中，开发者使用了递归调用`startReportHeart`来实现定时获取位置，但由于理解错误，导致了无限递归和堆栈溢出的问题。错误代码如下：  ```javascript startReportHeart() {  var timerTem = setTimeout...

			
		

	





	

		

			

				
					
关于setTimeout堆栈溢出问题

				
			

			

				

					u013396363的博客
				

				

					03-26
					
					297
					
				

			

		

		

			
				
第一段代码中，setTimeout函数是一个异步函数，一开始调用fn函数执行上下文进入栈中，开始运行fn函数里面的代码，然后通知计时线程去计时，此时 栈中的fn函数就算是执行完了，就出栈了，然后计时结束后进入事件队列，又重新运行fn函数，又入栈，如此循环往复，永远不会出现栈溢出问题。第二段代码中，因为setTimeout的第一个参数是函数调用，它需要函数执行完的结果作为第一个参数的值放入事件队列，但是此时fn1函数一直无法执行完成，没有执行完就没办法出栈，最终就会导致栈溢出。如果改成下面这样代码的话呢？

			
		

	





	

		

			

				
					
setinterval 和 setTimeout调用方式以及浏览器缓存问题

				
			

			

				

					
				

				

					10-23
					
					369
					
				

			

		

		

			
				
setinterval 和 setTimeout调用方式以及浏览器缓存问题
js中setinterval 和 setTimeout 可以做定时器，这个大家都知道，
关于这两个方法的区别，网上也有很多文章说的很清楚。
在此我还想说一说2个问题：
1，关于调用方式的书写。
比如：
function showCallInAndOut(){
//xxx
}
//setTimeout("s...

			
		

	





	

		

			

				
					
js定时器一直开启会增加内存么_JavaScript各种定时器总结

				
			

			

				

					weixin_39859819的博客
				

				

					11-22
					
					1488
					
				

			

		

		

			
				
setTimeout与setIntervalsetTimeout和setInterval已经存在已久了，我们什么场景下会使用它们完成我们的业务呢？我列举一些例子：轮询接口动画不知名的bug去解决我们会遇到使用它们的场景其实归纳起来就是以上三点。轮询接口这种情景，一般出现在不用socket的情况下使用的，例如我们有一个支付功能，前端调用了sdk获取h5支付链接后，页面就需要轮询一个后端的接口去查询这...

			
		

	





	

		

			

				
					
js settimeout内存溢出_漏洞分析与复现 | cve20121876 IE浏览器堆溢出漏洞

				
			

			

				

					weixin_34774527的博客
				

				

					12-08
					
					615
					
				

			

		

		

			
				
漏洞原理与利用概述该漏洞是IE的mshtml模块的堆溢出漏洞。产生漏洞的原因是CalculateMinMax函数会根据HTML中的col标签的span属性值每次向堆中写入0x1c个字节的值。当我们用JS动态更改span的属性值时会再次调用CalculateMinMax函数，写入新的span * 0x1c个字节，问题在于这一次写入并没有开辟新的空间，而是在原先的位置和大小开始写入值(样式信...

			
		

	





	

		

			

				
					
setTimeout 深度剖析

				
			

			

				

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

				

					05-23
					
					2220
					
				

			

		

		

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

			
		

	





	

		

			

				
					
setTimeout、setInterval、和setInterval引起cpu占用率高的问题

				
			

			

				

					欢迎来到 动感地带
				

				

					07-07
					
					1618
					
				

			

		

		

			
				
setTimeout

延迟执行，过一段事件之后执行。如果在页面中使用了很多之后,实际的执行时间可能会超过我们设置的时间，因为它是异步任务，所以需要等同步任务完成之后在执行，如果同步任务特别多，等待时间就会相应的延长。会等主线程中的所有任务都完成之后再执行；



setInterval

固定的时间间隔之后重复执行代码。和setTimeout一样，需要等待同步任务执行完成之后再执行；

问：setInterval存在一些问题，使用了之后会引起cpu占用率高，这个问题如何解决？

答：requestAni.

			
		

	





	

		

			

				
					
JS ajax中setTimeout执行多次问题解决

				
			

			

				

					weixin_43835217的博客
				

				

					06-30
					
					2321
					
				

			

		

		

			
				
由于没怎么用过ajax，犯的一个错误，排查了半天才找到原因，记录一下。最初代码如下：


初学者的我看起来似乎没问题，然而setTimeout每次都会执行多次，然后才根据服务器的expiresIn固定时间调用refresh接口。原因是因为，ajax默认是异步执行的，而最开始的expiresIn还没有赋值，setTimeout就运行了，所以相当于


也怪不得执行很多次了。解决方法有两种，第一种加上同步代码块，等ajax执行完成再执行下面的功能，如下


然而这样会影响到别人的代码，等待token返回的时候无

			
		

	





	

		

			

				
					
js垃圾回收机制/内存泄漏【易懂-个人总结】

				
			

			

				

					m0_71981318的博客
				

				

					07-09
					
					963
					
				

			

		

		

			
				
标记清除：
工作原理：是当变量进入环境时，将这个变量标记为“进入环境”。当变量离开环境时，
则将其标记为“离开环境”。标记“离开环境”的就回收内存。
工作流程：给存储在内存中的所有变量都加上标记，然后，它会去掉处在环境中的变量及【被（环境中的变量）引用的变量(闭包)】的标记。剩余的（再被加上标记的）被视为准备删除的变量，因为是环境中的变量已经无法访问到这些变量了。垃圾回收器清理销毁带标记值并释放内存。
引用计数：
垃圾回收器定期扫描对象，并计算了每个值被引用的次数（引用一次加1，反之减1）。...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 3

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值