AngularJS $timeout的工作方式不同

Question

我试图用angular $timeout运行循环。事情是这样的:当我尝试使用这个$timeout用法时。我每秒收到近15个请求，而不是计划的每2秒1个请求:

$timeout($scope.checkChallengeAnswerd(challengeTarget), 2000);

但是如果我这样做，一切都没问题:

$timeout(function() { $scope.checkChallengeAnswerd(challengeTarget); }, 2000);

谁能解释一下为什么会这样?

下面是完整的函数代码块:

    $scope.checkChallengeAnswerd = function (challengeTarget) {
     $http({
        method: 'post',
        url: CHESS_URL + "/challenge/check_answerd/",
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformRequest: function(obj) {
            var str = [];
            for(var p in obj)
            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            return str.join("&");
            },
        data: { "target":challengeTarget }
         }).success(function (data, status, headers, config) {
            $scope.answerd = data.answerd;
            if ($scope.answerd == "wait") {
                //alert("wait");
                $timeout(function() { $scope.checkChallengeAnswerd(challengeTarget); }, 2000);
            }else{
               $("div.b111").hide();
               alert($scope.answerd);
            };
         });
};

Answer 1

$timeout服务将第一个参数作为函数，第二个参数为等待执行该函数所需的毫秒数。

当你使用$timeout($scope.checkChallengeAnswerd(challengeTarget), 2000)时，您不是将函数传递给$timeout服务，而是传递函数的返回值。

使用$timeout(function() { $scope.checkChallengeAnswerd(challengeTarget); }, 2000)工作很好，因为你正在传递功能给$timeout服务。

另一个选项是修改$scope.checkChallengeAnswerd(challengeTarget)函数表达式为:

$scope.checkChallengeAnswerd = function (challengeTarget) {
    return function () {
        $http({
            method: 'post',
            url: CHESS_URL + "/challenge/check_answerd/",
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            transformRequest: function (obj) {
                var str = [];
                for (var p in obj)
                    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                return str.join("&");
            },
            data: { "target": challengeTarget }
        }).success(function (data, status, headers, config) {
            $scope.answerd = data.answerd;
            if ($scope.answerd == "wait") {
                //alert("wait");
                $timeout(function () { $scope.checkChallengeAnswerd(challengeTarget); }, 2000);
            } else {
                $("div.b111").hide();
                alert($scope.answerd);
            };
        });
    };
};