js定时器 setTimeout

最新推荐文章于 2024-08-30 08:45:00 发布

Jackson-p

最新推荐文章于 2024-08-30 08:45:00 发布

阅读量2k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/jikexueyuan5555/article/details/79774227

版权

本文探讨了JavaScript中setTimeout的工作原理，通过实例解释了为何在for循环中使用setTimeout会导致所有定时器同时输出相同结果。文章介绍了两种实现定时器的方法，包括递归和利用事件队列，以及涉及到的Promise执行顺序问题。通过对知乎经典问题的分析，总结了setTimeout与Promise执行顺序的规律。

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

定时器心路历程：。。（消遣文）

正常的话会想先试试闭包与立即函数。。

first：

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

结果并不会是我们期待的1,2,3,4,而是在一秒钟后输出5个5，调试后发现for循环很快设置了5个定时器，他们统一会在1s后执行，设置完定时器后，当前所在事件也就是这个函数结束了，这个时候开始执行setTimeout定时器内部的函数，因为i已经是5了，所以所有的定时器里都变成了5，并一起输出了出来，所以想正经写一个定时器还是要用下递归

second：