JavaScript | 递归调用计时器

        function foo1() {
		console.log('foo1');	
  		setTimeout(foo1, 0); 
	}

	foo1();
	
	setTimeout(function(){
		console.log('settimeout');
	},0)

	console.log('同步代码');

输出顺序:

foo1 -> 同步代码 -> foo1 ->settimeout -> foo1(无限输出)

  1.  调用foo(), 执行里面的console.log('foo1')一次  输出foo1
  2.  把setTimeout(foo1,0) 放入任务队列  
  3.  把第二个setTimeout放入任务队列
  4.  执行console.log('同步代码')   输出同步代码 
  5.  主线程空,开始检查任务队列,先执行setTimeout(foo1,0)的回调, 即执行一次foo  输出foo1,再把setTimeout(foo1,0) 放入任务队列
  6. 执行3中放入的setTimeout的回调函数 输出settimeout
  7. 执行5中放入的setTimeout(foo1,0),执行foo1  输出foo1,再继续放一个新的setTimeout(foo1,0)进去
  8. 重复7的步骤:把回调放入主线程执行->回调中设置一个新的setTimeout放入队列->回调执行完,主线程为空,检查队列->又执行新的回调.......  无限输出foo1
  9. 无限输出的时候,主线程永远只有一个任务,因此不会造成栈溢出
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值