setInterval在任务队列排队顺序测试

function formatDate(date){
	console.log(date.getFullYear()+"-"+(date.getMonth()+1)+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+":"+date.getMilliseconds());
}

var timer, interval;
function test(){

		
	interval = setInterval(function(){
			console.log('interval');
	},8000);
	
	timer = setTimeout(function(){
		console.log('timeout');
	},20000);
	
	var startDate = new Date();
	var now = new Date();
	
	for(var i =0; i<5; i++){
		formatDate(startDate);
		// 5 second
		while(new Date () - startDate < 5*1000){
			
		}

		startDate = new Date();
	}
	
}

test();

在这篇(http://luqingxuan.iteye.com/blog/2324137测试中,我们提出了猜测(红色部分):

还有一种情况,是不是可以说s1丢弃,s2丢弃,s3保留呢?我不晓得

到底是s1保留,s2,s3丢弃,还是s1,s2被丢弃s3保留呢,我们使用setTimeout验证一下

如上示例(不晓得用setTimeout来验证setInterval,原理上是否正确)

猜想:

A.s1保留,s2丢弃,s3丢弃

B.s1丢弃,s2丢弃,s3保留

如果A猜想成立,那么s1进入任务队列(消息队列),s2被抛弃,定时器timer进入队列,s3被抛弃,那么应该是先输出interval,然后输出timeout

扫描二维码关注公众号,回复: 369110 查看本文章

如果B猜想成立,那么s1进入队列,s2进入队列(s1被抛弃),定时器timer进入队列,s3进入队列(s2被抛弃),显然,定时器timer在s3之前,那么先输出timeout,后输出interval

如上示例描述,主逻辑在25秒结束,定时器setTimout在第20秒时刻触发

在chrome下测试,A猜想成立

猜你喜欢

转载自luqingxuan.iteye.com/blog/2324141