在Javascript中,有 同步 和 异步 功能。
同步功能
Javascript中的大多数功能都是同步的。如果要连续调用多个同步函数
doSomething();doSomethingElse();doSomethingUsefulThisTime();
他们将按顺序执行。
doSomethingElse直到
doSomething完成才开始。
doSomethingUsefulThisTime,直到
doSomethingElse完成才开始。
异步功能
但是,异步功能不会彼此等待。让我们看一下与上面相同的代码示例,这次假设函数是异步的
doSomething();doSomethingElse();doSomethingUsefulThisTime();
这些函数将按顺序初始化,但是它们几乎都将同时执行。您无法始终如一地预测哪个将最先完成:恰好花费最短时间执行的那个将最先完成。
但是有时,您希望异步执行的函数按顺序执行,有时,您希望同步执行的函数异步执行。幸运的是,这分别可以通过回调和超时实现。
回呼
让我们假设我们有三个异步函数,我们想以此来执行,
some_3secs_function,
some_5secs_function,和
some_8secs_function。
由于可以在Javascript中将函数作为参数传递,因此您可以将函数作为回调传递,以在函数完成后执行。
如果我们创建这样的功能
function some_3secs_function(value, callback){ //do stuff callback();}那么您可以按如下顺序依次致电:
some_3secs_function(some_value, function() { some_5secs_function(other_value, function() { some_8secs_function(third_value, function() { //All three functions have completed, in order. }); });});超时时间
在Javascript中,您可以告诉函数在某个超时(以毫秒为单位)后执行。实际上,这可以使同步函数异步运行。
如果我们有三个同步函数,则可以使用该
setTimeout函数异步执行它们。
setTimeout(doSomething, 10);setTimeout(doSomethingElse, 10);setTimeout(doSomethingUsefulThisTime, 10);
但是,这有点丑陋,并且违反了DRY原则wikipedia。我们可以通过创建一个接受函数数组和超时的函数来对此进行清理。
function executeAsynchronously(functions, timeout) { for(var i = 0; i < functions.length; i++) { setTimeout(functions[i], timeout); }}可以这样称呼:
executeAsynchronously( [doSomething, doSomethingElse, doSomethingUsefulThisTime], 10);
总而言之,如果您具有要同步执行的异步功能,请使用回调;如果要同步执行的异步功能,请使用超时。



