如何避免這種競爭條件？

Question

我試圖找出我應該怎麼避免我的代碼，這種競爭情況：

.factory('cartFactory', function ($rootScope, Restangular, $q) { 
    var cart = {items: false}; 
    var response = false; 

    return { 
     cart: cart, 
     get: function ($cart) { 
      var deferred = $q.defer(); 
      if (!cart.items) { 

       cart.items = true; 

       if (!response) { 

        //get items async 
        //simulated with $timeout 
        Restangular.oneUrl('cart_show', Routing.generate('en__RG__myapp.api.cart.show')).get().then(function ($response) { 

         response = $response; 

         deferred.resolve(response); 
        }); 
       } else { 
        //resolve promise with already loaded items 
        deferred.resolve(response); 
       } 

       deferred.promise.then(function ($response) { 
        angular.copy($response.cart, cart); 
        angular.copy($response.cart, $cart); 
       }); 
      } else { 
       angular.copy(cart, $cart); 
      } 

      return deferred.promise; 
     }, 
     set: function ($cart) { 
      angular.copy($cart, cart); 
     } 
    } 
}) 

我想要做的是，如果我叫cartFactory.get（$車）兩次，然後阿賈克斯請求應該只發送一次，我第二次調用它，然後如果ajax被加載，那麼它應該承諾在響應完全加載時分配內容。

Answer 1

這是我對我最終的工作解決方案，不知道它是否理想。我回復承諾，因爲我希望能夠在購物車加載後做些事情

.factory('cartFactory', function ($rootScope, Restangular, $q) { 
     var cart = {items: false}; 
     var promise = false; 

     return { 
      cart: cart, 
      get: function ($cart) { 

       if (!promise) { 
        //get items async 
        //simulated with $timeout 
        promise = Restangular.oneUrl('cart_show', Routing.generate('en__RG__myadpp.api.cart.show')).get().then(function ($response) { 
         angular.copy($response.cart, cart); 
         angular.copy($response.cart, $cart); 
        }); 
       } 

       if (!cart.items) { 
        promise.then(function(){ 
         angular.copy(cart, $cart); 
        }) 
       } 

       return promise; 
      }, 
      set: function ($cart) { 
       angular.copy($cart, cart); 
      } 
     } 
    }) 

Answer 2

可以將$http角度的服務配置爲可以緩存GET請求。這意味着無論應用程序多麼頻繁地調用它們，並且按照最後的順序，對同一個URL的所有請求都會發生一次。此外，$resource服務可以用相同的方式配置（http://docs.angularjs.org/api/ngResource。$ resource）參數：cache:true。

如果你不能使用它，你可以編寫你自己的緩存。請查看函數sendReq(config, reqData, reqHeaders)（約7763行）中的角源，您可以看到它們如何通過使用$cacheFactory來實現reuqest的緩存。