角度承诺:如果可用，从缓冲区获取数据

Angular promises: get data from buffer if available

本文关键字：缓冲区 获取 数据 承诺 如果      更新时间：2023-09-26

在此方案中，如果数据不在缓冲区中，则要求使用 Http 请求获取数据。如果它在缓冲区中，请在没有 Http 请求的情况下从那里使用它。

我

尝试了下面的代码，但它没有多大意义;如果数据在缓冲区中，我不知道我是否应该从函数中返回什么都不做或返回延迟的承诺。有什么想法吗？

  var dataBuffer = null;
  var getData = function() {
     var deferred = $q.defer();
     if (dataBuffer != null) {  // this is the part I'm not convinced
         deferred.resolve();
         return;
     }  

     $http.get('/some/url/')
       .success(function(data) { 
               dataBuffer = data;
               deferred.resolve();
       })
       .error(function(data) {
               deferred.reject();
       });
     return deferred.promise;
  };

按以下方式调用：

     var promise = getData();
     promise.then (
           function(response) { 
              dataBuffer = .... // dataBuffer contains data
              }
           );

当您不确定您正在执行的代码是异步的还是非异步的并且它正在使用$q.when所以代码可以是： 

var getData = function() {
    return $q.when(dataBuffer ? dataBuffer: $http.get('/some/url')) 
};

然后，在调用getData时，您可以使用您发布的相同代码，或者只是简单地： 

getData()
       .then(function(response){//... 
       })
       .catch(function(err){//..
       });

当心延迟的反模式。你可以非常干净地完成你试图做的事情，就像这样：

var dataBuffer;
var getData = function() {
    if (dataBuffer) {
        // return a resolved promise for  dataBuffer  if it is already populated
        return $q.when(dataBuffer);
    }  
    $http.get('/some/url/')
    .then(function (data) { 
        dataBuffer = data.data;
        return dataBuffer;
    });
};
getData().then(function (data) { 
    // data contains the data you want
})
.catch(function (error) {
    // error occurred.
});

<小时 /> 不应在getData函数之外访问dataBuffer。为了清楚地说明这一点，您可以将它们包装在 IIFE 中，尽管这是可选的：

var getData = (function () {
    var dataBuffer;
    return function() {
        if (dataBuffer) {
            // return a resolved promise for  dataBuffer  if it is already populated
            return $q.when(dataBuffer);
        }  
        $http.get('/some/url/')
        .then(function (data) { 
            dataBuffer = data.data;
            return dataBuffer;
        });
    };
})();
getData().then(..etc etc etc...);

最后，请记住，您可以使用$http的内置缓存功能，而不必使用自己的缓冲区重新发明轮子： 
// much simpler, isn't it?
var getData = function() {
    $http.get('/some/url/', { cache: true })  // enable caching
    .then(function (data) { return data.data });
};
getData().then(...etc etc etc...);

为什么不启用缓存而不是手动处理缓冲区。

   $http.get('/some/url/',{ cache: true})
   .success(function(data) { 
           deferred.resolve(data);
   })
   .error(function(data) {
           deferred.reject();
   });
相关文章：