超时调用是否能完全模拟间歇调用的作用?

超时调用是否能完全模拟间歇调用的作用?

首先给出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这方面有着优势,然而在模拟间隔调用的过程时却存在着不可避免的问题。

但是假如只需要模拟的是结果,间隔调用的作用本来就不在于单单输出一个结果。模拟的意义就不大了 。

所以博主认为间隔调用还是有其不可替代的作用的。

                                             

    原文作者:Lareina林暖暖
    原文地址: https://www.jianshu.com/p/add778efbea5
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞