JavaScript系列之―同步还是异步？

2020-04-24 21:56:28

字体：大中小

来源：转载

供稿：网友

从今天开始，我会不定期的写一些关于JavaScript的东西，包括语言，应用等方面。组成JavaScript系列。
如果没有特殊的说明，这里假定JavaScript的执行环境是在浏览器（browser）当中的。
今天开始第一次，讨论一下同步和异步。

曾经查询过一些JavaScript的信息，发现google出来的结果都是询问JavaScript如何能够实现异步的代码。
而我，很不幸，查询的却是如何让JavaScript实现异步调用的同步（是不是挺起来很诡异）。

首先说一下JavaScript当中的异步方法。
其实这个问题是大家经常要碰到的。而且这个实现也很简单。我就不多说了。
给两段代码

setTimeout方法，他让你的代码在指定的时间（毫秒）之后执行指定的方法。只执行一次。
比如：
alert(1);
setTimeout(”alert(2)”, 1000);
alert(3);
代码在执行到setTimeout的时候，会继续执行下面的代码（alert(3)）而不会被阻塞。等待1000ms之后执行alert(2)
setInterval方法，他让你的代码每隔指定的时间，执行指定的方法，直到调用clearInterval
比如：
alert(1);
timer = setInterval(”alert(2)”, 1000);
alert(3);
代码基本上和上面的相同，不同的是，每隔1000ms就会执行一次alert(2)，直到调用
clearInterval(timer);
我们应该注意到setTimeout和setInterval都是window的方法。
我们可以直接使用，但是规范的还是调用window.setTimeout window.setInterval，之所以提及这个，我会在以后的JavaScript系列中继续讲解。

现在该说一下我遇到的问题了。
我现在使用dwr作为AJAX的server端引擎，在调用dwr方法的时候，需要提供一个回调方法（callback function）来接受server的返回结果。
而这个回调方法是不会被阻塞的。此时browser回启动另外的现成处理。
这个很好理解，因为dwr的这个方法执行的时间是无法预料的，如果此时调用被阻塞，而server又花相当长的时间进行处理。那么浏览器就会死在这里。从用户体验的角度是根本无法接受的。
这里的例子代码是

…
ServerHandler.getString(”Weiming”, function (str) { //”Weiming”是传回server的参数
alert(str);
}); // ServerHandler是dwr提供的server方法的interface，具体使用请参见dwr网站。
alert(1);
在执行的过程中，会先执行alert(1)，然后在一个无法预料的时间后执行alert(str)。
如果一次简单的比如hello world的调用是不会出问题的。
但是如果我要执行的一系列的dwr function是有前后顺序的，比如后面执行的需要前面的返回结果，简单的代码书写顺序是无法保证执行顺序的。
var myID = null;
ServerHandler.getID(function (id) {
myID = id; //无法预料何时会执行这句话

上一篇：用javascript打造搜索工具栏

下一篇：控件开发时两种JS嵌入资源方式的使用方法

学习交流

web用户控件调用.aspx页面里的方法

web用户控件调用.aspx页面里的方法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注