JavaScript 实现自定义暂停与异步控制方案

JavaScript 暂停功能的实现原理

本文通过实例详细解析了 JavaScript 中实现自定义网页拖动类的方法，旨在为读者提供参考。由于 JavaScript 原生并不具备暂停功能（sleep 不可用），且 vbscript 也无法使用 doEvents，因此需要编写特定函数来实现这一需求。JavaScript 作为一种弱类型语言，其函数不仅可以被调用，还可以作为对象使用。例如：

　　function Test(){ 
　　 alert("hellow"); 
　　 this.NextStep=function(){ 
　　 alert("NextStep"); 
　　 } 
　　} 

暂停与继续的控制逻辑

我们可以这样调用 var myTest=new Test();myTest.NextStep(); 在实现暂停功能时，可以将一个函数拆分为两部分：暂停操作前的代码保持不变，而需要在暂停后执行的代码则放置在 this.NextStep 中。为了有效控制暂停和继续的状态，我们需要编写两个函数来分别实现暂停和继续的功能。暂停函数的代码如下：

<script language="javascript"> 
　　function sleep(obj,iMinSecond){ 
　　 if (window.eventList==null) window.eventList=new Array(); 
　　 var ind=-1; 
　　 for (var i=0;i<window.eventList.length;i++){ 
　　  if (window.eventList[i]==null) { 
　　   window.eventList[i]=obj; 
　　   ind=i; 
　　   break; 
　　  } 
　　 } 
　　 
　　 if (ind==-1){ 
　　  ind=window.eventList.length; 
　　  window.eventList[ind]=obj; 
　　 } 
 
　　 setTimeout("goon(" + ind + ")",iMinSecond); 
　　} 
　　/* 
　　该函数把要暂停的函数放到数组window.eventList里，同时通过setTimeout来调用继续函数。 
　　继续函数如下： 
　　*/ 
 
　　function goon(ind){ 
　　 var obj=window.eventList[ind]; 
　　 window.eventList[ind]=null; 
　　 if (obj.NextStep) obj.NextStep(); 
　　 else obj(); 
　　} 
　　/* 
　　该函数调用被暂停的函数的NextStep方法，如果没有这个方法则重新调用该函数。 
　　 
　　函数编写完毕，我们可以作如下： 
　　*/ 
　　function Test(){ 
　　 alert("hellow"); 
　　 sleep(this,3000);//调用暂停函数 
　　 this.NextStep=function(){ 
　　 alert("NextStep"); 
　　 } 
　　} 
Test(); 
　　</script>

希望本文对大家学习 javascript 程序设计有所帮助。