js-计时器面试题

最新推荐文章于 2024-04-11 05:12:13 发布

老衲的少女心i

最新推荐文章于 2024-04-11 05:12:13 发布

阅读量332

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/qq_42592823/article/details/115394603

版权

这篇博客探讨了JavaScript中的异步计时器和事件处理，解释了为何在for循环中使用setTimeout会导致打印相同的值。作者通过引入立即执行函数表达式（IIFE）来解决这个问题，使得console.log能正确输出0到4的序列。这涉及到JavaScript的作用域和闭包概念，对于理解和优化异步代码至关重要。

摘要由CSDN通过智能技术生成

//面试题1：
			
			//计时器和事件一样，都是异步代码。
			//让同步代码（for）执行完成以后，才会去执行异步代码
			//当去执行异步代码的时候，for已经执行完毕
			//i此时是5
			for(var i=0;i<5;i++){
				setTimeout(function(){
					console.log(i);//55555
				},0)
			}
			
			//面试题2：
			//对上面的代码进行修改，让其可以弹出0,1,2,3,4
			
			for(var i=0;i<5;i++){
				(function fn(i){
					//只要在这个函数中，出现i  那么就不会去使用for循环的i
					//形参i 其实就是这个作用域的变量
					setTimeout(function(){
						console.log(i);//0,1,2,3,4
					},0)
				})(i);
			}