javascript - 递归javascript超过调用堆栈大小

Question

我正在编写一个正在轮询内容的 angularjs Controller 。轮询函数超时调用自身。下面是这方面的两个例子。第一个超过调用堆栈大小，但第二个示例没有。这是为什么？

示例 1(超出调用堆栈大小):

myApp.controller('Ctrl1', function($scope, $timeout) {
   $scope.value = 1;
    function poll() {
        $scope.value++;
        $timeout(poll(), 1000);
    }
   poll();
});

示例 2(工作正常):

myApp.controller('Ctrl1', function($scope, $timeout) {
   $scope.value = 1;
    function poll(){
        $timeout(function() {
            $scope.value++;
            poll();
        }, 1000);
    };     
   poll();
});

Answer 1

您传递的不是函数，而是它的返回值 (undefined)。这意味着您立即调用它，当它调用自身时，好吧，这是您的堆栈溢出。

改变

$timeout(poll(), 1000);

到

$timeout(poll, 1000);

顺便说一句，你可以重写

function poll() {
    $scope.value++;
    $timeout(poll, 1000);
}
poll();

以一种不会污染外部范围的更优雅的方式:

(function poll() {
    $scope.value++;
    $timeout(poll, 1000);
})();