JavaScript中的异步控制流

Question

我正在为chrome浏览器扩展程序编写扩展程序，该扩展程序使用Web SQL进行本地存储。 这两个组件的代码似乎都严重依赖异步操作。 我对异步操作有很好的了解，但没有大量的经验来编写依赖于异步操作的代码。

例如：

  var CSUID = "";
 //this is an async callback for handling browser tab updates
 function checkForValidUrl(tabId, changeInfo, tab) {
      getCookies("http://www.cleansnipe.com/", "CSUID", handleCookie);

      if(CSUID != ""){ //this could be in handleCookie if i could access the tab
         //do stuff with the tab
      } 
  }
  function handleCookie(cookie) {
     if (cookie != "" && cookie != null) {
        CSUID = cookie;
     }
  }

为了克服缺乏向/从这些处理程序传递/返回变量的能力，我发现自己创建全局变量并将其设置在处理程序中。 当然，这不能按预期工作，因为经常在执行回调之前访问变量。

处理这种情况的最佳实践是什么？ 我以为使用带有while循环的全局标志/计数器来暂停执行，但这似乎很容易导致应用程序挂起。

Answer 1

如果选择使用jQuery，则它具有称为延迟对象的漂亮系统。 它允许对情况的优美而有效的管理-或视情况而定或不同而实际上是同步的。

（递延不仅限于jQuery，但jQuery有一个不错的API）。

这是一个纯粹的示例，仅用于演示该概念。

//get data func
function get_data(immediate) {
    //if immediate, return something synchonously
    if (immediate)
        return 'some static data';
    //else get the data from something over AJAX
    else
        return $.get('some_url');
}

//two requests two get data - one asynchronous, one synchronous
var data1 = get_data(true), data2 = get_data();

//do something when both resolved
$.when(data1, data2).done(function(data1, data2) {
    //callback code here...
});

递延者不必参与AJAX； 您可以创建自己的延迟对象（jQuery的AJAX请求自动生成并返回它们）并手动解析/拒绝它们。 几个月前，我在此发表了一篇博客文章 -可能会有帮助。