Question

我在尝试重试功能时遇到了一些麻烦，并希望得到一些帮助。我有一个我想要调用的$资源，直到成功条件发生或超过最大重试次数。

我似乎遇到的问题是，在我的重试功能中，我正在调用另一个承诺，这就是检查条件的地方。我可以通过删除添加的承诺并在几次重试后创建默认成功条件来使代码按预期运行，但我无法弄清楚如何正确地将新的promise调用添加到函数中。

resource是Angular $资源的替身，它返回$ promise

我的代码如下：

resource.$promise.then(function (response) {
  return keepTrying(state, 5);
 }).then(function (response) {

 }).catch(function (err) {
   console.log(err);
 });

keepTrying功能：

function keepTrying(state, maxRetries, deferred) {
  deferred = deferred || $q.defer();
  resource.$promise.then(function (response) {
    success = response;
  });
  if (success) {
    return deferred.resolve(success);
  } else if (maxRetries > 0) {
    setTimeout(function () {
      keepTrying(state, maxRetries - 1, deferred);
     }, 1000);
   } else if (maxRetries === 0) {
     deferred.reject('Maximum retries exceeded');
   }
   return deferred.promise;
 }

Answer 1

您尝试的问题是您没有重新查询资源，而是反复使用已查询资源的承诺。

您需要做的是使用将（a）启动查询的函数，以及（b）返回该启动查询的承诺。像这样：

function () { return $resource.get().$promise; }

然后你可以将它传递给这样的东西，它将进行重试。

function retryAction(action, numTries) {
    return $q.when()
        .then(action)
        .catch(function (error) {
            if (numTries <= 0) {
                throw error;
            }
            return retryAction(action, numTries - 1);
        });
}

在这里，您将如何开始：

retryAction(function () { return $resource.get().$promise; }, 5)
.then(function (result) {
    // do something with result 
});

这种方法的一个好处是，即使你传递给它的函数在调用它时抛出一个错误，或者根本没有返回一个promise，重试功能和通过一个返回结果已解决的承诺仍然有效。

Example

Answer 2

您可以实现一个retryOperation函数，该函数在出错时返回一个新的promise，直到作为参数传递的最大重试次数：

function retryOperation(retryCount) {
    var count = 0;
    function success(result) {
        return result;
    }
    function error(result) {
         ++count;
         if (count <= retryCount)
             return $resource(...).query().$promise.then(success, error);

         throw 'max retries reached';
    }
    return $resource(...).query().$promise.then(success, error);
}

用法

retryOperation(3).then(
    function success(result) {
        // done!
    }, 
    function error(reason) {
         alert(reason);
    });

var app = angular.module('app', []);
app.controller('ctrl', function($q) {
  function retryOperation(count) {
    var retryCount = 0;

    function operation() {
      var deferred = $q.defer();
      deferred.reject('failed');
      return deferred.promise;
    }

    function success(result) {
      return result;
    }

    function error(result) {
      ++retryCount;
      if (retryCount <= count) {
        alert('retrying ' + retryCount);
        return operation().then(success, error);
      }
      throw 'maximum retries reached';
    }
    return operation().then(success, error);
  }

  retryOperation(3).then(
    function success(result) {
      alert('done');
    },
    function error(result) {
      alert(result);
    });


});

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

</head>

<body ng-app="app" ng-controller="ctrl">
  <input type="text" ng-model="name" />{{name}}
</body>

</html>

AngularJS Promise重试

2 个答案: