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

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

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

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

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


                                             

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,703评论 0 6
  • 浏览器对象模型是以window对象为依托的,window在ES中是全局对象,因而所有的全局变量和函数都是它的属性,...
    xiaoguo16阅读 329评论 0 0
  • 大家好,我是IT修真院郑州分院第三期的学员高雪峰,一枚正直、纯洁、善良的前端程序员 今天给大家分享一下,修真院官网...
    月如春秋阅读 333评论 0 1
  • 1.window对象是最顶层的对象2.window对象有6大属性(document,frames,history,...
    Miss____Du阅读 1,278评论 0 3
  • 深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大...
    DaveWeiYong阅读 627评论 0 1