超时调用是否能完全模拟间歇调用的作用?
首先给出Javascript高级教程的相关论述
间歇调用(setInterval)和超时调用(setTimeout)
//第一个参数可以是包含javascript代码的字符串,也可为函数。第二个参数是一个等待多长时间的毫秒数
//该方法返回一个数值id 表示(间歇)超时调用,这个id可以用于取消(间歇)超时调用
var timeoutID=setTimeout(function(){
alert('hello world');
},1000);
clearTimeout(timeoutID);//取消超时调用
setInterval(function(){
alert("hello,wrold");
},2000);
//间歇调用会一直执行到页面卸载,为控制其调用次数,举例如下
var num = 0;
var max = 10;
var intervalID = null;
function incrementNumber(){
num++;
if(num==max){
clearInterval(intervalID);
alert("Done!");
}
}
intervalID=setInterval(incrementNumber,500);
//超时调用模拟间歇调用
var num = 0;
var max = 10;
var timeoutID=null;
function incrementNumber(){
num++;
if(num<max){
setTimeout(incrementNumber,500);
}
else{
alert("Done");
}
}
setTimeout(incrementNumber,500);
对比可以发现,使用超时调用时,没有必要跟踪超时调用id,因为每次执行代码之后,如果不再设置另一次超时调用,调用就会自行停止。
一般认为,如果超时调用用来模拟间歇调用的是一种最佳模式。
在开发环境下,很少真正的间歇调用,原因是后一个间歇调用可能会在前一个间隙调用结束之前启动。
最好不要使用间歇调用。
但是,博主发现,在模拟倒计时类型的程序时,超时调用并不能够很好的模拟间歇调用的行为。如
var num = 0;
var max = 10;
var intervalID = null;
function incrementNumber(){
num++;
alert("num");//在此处增加一个输出计数值的代码
if(num==max){
clearInterval(intervalID);
alert("Done!");
}
}
intervalID=setInterval(incrementNumber,1000);
那么这个程序就能在数10s之后输出done。
但是使用超时调用模拟时
var num = 0;
var max = 10;
var timeoutID=null;
function incrementNumber(){
num++;
alert(num);
if(num<max)){
setTimeout(incrementNumber,1000);
}
else{
alert("Done");
}
}
setTimeout(incrementNumber,1000);
调试时发现 只有在第一个数字输出时 才有1s的间隔时间,剩余的数字均未按照间隔时间输出
可见,超时调用用于模拟间隔调用的结果在其不需要跟踪ID这方面有着优势,然而在模拟间隔调用的过程时却存在着不可避免的问题。
但是假如只需要模拟的是结果,间隔调用的作用本来就不在于单单输出一个结果。模拟的意义就不大了 。
所以博主认为间隔调用还是有其不可替代的作用的。