Если функция jQuery вызывает себя в своем обратном вызове завершения, это рекурсивная опасность для стека?

Question

Я пишу небольшой компонент jQuery, который анимируется в ответ на нажатия кнопок, а также должен автоматически запускаться. Мне просто интересно, является ли эта функция рекурсивной или нет, я не могу ее полностью решить.

function animate_next_internal() { 

    $('#sc_thumbnails').animate(
    { top: '-=106' }, 
    500, 
    function() { 
     animate_next_internal(); 
    } 
); 
} 

Моя текущая функция сложнее позволяют остановок и стартов, это просто упрощенный пример.

EDIT Он может переполнять стек или нет, в зависимости от того, как события обрабатываются внутренне. Возможности:

1. animate() directy вызывает выполненный обратный вызов, и в этом случае переполнение неизбежно.

2. animate() назначает обратный вызов для вызова каким-либо внешним механизмом диспетчеризации, а затем завершается, и в этом случае он никогда не будет переполняться.

Answer 1

я изначально подозревал, что это будет переполнение памяти, но я написал короткий тест, чтобы подтвердить

function test(){ 
    $(".logo img").css("position", "absolute"); 
    $(".logo img").css("top", "100px"); 
    $(".logo img").animate({top:0}, 500, function(){ 
     test(); 
     console.log("exits here"); 
    }); 
} 

test(); 

и удивительно, я увидел

exits here 
exits here 
exits here 
exits here 
exits here 
... 

в моих журналах. Похож на «animate() назначает обратный вызов для вызова каким-то внешним механизмом диспетчеризации, а затем завершается, и в этом случае он никогда не будет переполняться». - правильный ответ

Answer 2

Я ожидаю, что такая реализация переполнит стек вызовов. Если вы не упростили это, вы должны иметь какое-то терминальное условие, из-за которого функция возвращается из рекурсии. Вы, наверное, нужно что-то вроде этого:

function animate_next_internal() { 

    if (some_condition) return; 

    $('#sc_thumbnails').animate(
    { top: '-=106' }, 
    500, 
    function() { 
     animate_next_internal(); 
    } 
); 
} 

Где some_condition что-то связано с рекурсией - может быть, когда # sc_thumbnails фактическая верхняя достигает некоторого предела, как 0 на странице или в пределах его родителя.