在js中同步管理缓存

Question

我在 JavaScript 中使用 jquery 在全局缓存变量中维护缓存。

每当使用 AJAX 接收到新信息时，都会将其添加到缓存中。

如果它不在缓存中，我想从服务器 AJAX 它。

我想实现一个函数来按需查询并像这样使用它：

$("#label").html(GetName("user123"));

其中 GetName() 应该像：

function GetName(username) {
    if (Cache[username] != null) return Cache[username];
  else
    return QueryUsernameFromServer(username)
}

QueryUsernameFromServer() 应该像：

function QueryUsernameFromServer (username) {
    return $.ajax(…);
}

但是， $.ajax 是异步的，这意味着它不能等待一个值（因此不能退货）。

强烈不建议在同步模式下使用 $.ajax（浏览器挂起并且不支持 JSONP），http ://api.jquery.com/jQuery.ajax/

使用此，http://www.techFounder.net/2008/05/17/simple-javascript-cache/，方法需要回调。但是，不希望为每次使用创建回调。

有没有好的方法可以在js和ajax中实现“按需缓存”功能，而无需每次使用都有专门的回调？

Answer 1

您需要回调，因为 AJAX 是...等待它...“A”同步。

只需向查询缓存的函数添加回调即可。这非常简单：

function getName(username, callback){
  if(cache[username]){ 
     // cache hit, immediately invoke the callback
     callback(cache[username]); 
  }else{ 
    // assumes this query function updates the cache and invokes the
    // 2nd parameter when it completes
    queryUsernameFromServer(username, function(){
      // invoke the callback now
      callback(cache[username]);
    }); 
  }
}

只需在代码中转换为异步样式：

之前：

var name = getName('jvenema');

之后：

getName('jvenema', function(name){

});

Answer 2

如果您使用 jQuery 1.5+，那么您可以只使用 deferreds。

function GetName(username) {
    if (Cache[username] != null) return $.when(Cache[username]);
  else
    return QueryUsernameFromServer(username)
}

并按如下方式使用延迟

GetName('jvenema').done(function(name) {

});