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 服务，而是传递函数的 return 值。

当您将函数传递给 $timeout 服务时，使用 $timeout(function() { $scope.checkChallengeAnswerd(challengeTarget); }, 2000) 效果很好。

另一个选项是将 $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);
            };
        });
    };
};

AngularJS $timeout 的工作方式不同

AngularJS $timeout work differently

javascript

timeout

angularjs