Czy debugger JS zawiesza całą pętlę zdarzeń JS?

Question

Mam bardzo dziwne zachowanie. Mam następujące JQuery:

myElement.fadeOut(100); 

Występuje jakiś rodzaj wyścigu, tak, że element nie zostanie w końcu ukryty. Jeśli umieściłem debuggera na tej linii i przejdę przez kod, to działa dobrze, a element zanika i zostaje ukryty. Nazwij to jako Heisenbug.

Moje pytanie nie dotyczy stanu wyścigu per se. Chcę wiedzieć, jak to się dzieje, biorąc pod uwagę charakter środowiska wykonawczego JavaScript. Przez mojego zrozumienia następujące predykaty są prawdziwe:

1. Fadeout() jest realizowany przez JQuery animate()
2. ożywionej() jest realizowane przez szereg setTimeout() połączeń
3. setTimeout() harmonogramów realizacją funkcji w kolejka w pewnym momencie
4. Po dojściu zdarzeń do początku kolejki, funkcja jest wykonywana.
5. Istnieje tylko jedna pętla zdarzeń, która jest wykonywana sekwencyjnie.
6. W dowolnym momencie wykonywana jest tylko jedna funkcja/ścieżka przez stację wywoławczą.

Biorąc pod uwagę, że przechodzę przez funkcję w moim debugerze, wykonanie musi zostać zawieszone i nie można wykonywać żadnych innych funkcji.

Nie widzę, jak to możliwe, aby stan wyścigu wystąpił w takich okolicznościach. Czy możesz zasugerować, jak możliwe jest, aby wykonywanie różniło się między debugowanym i nie debugowanym kodem?

Answer 1

Twoje punkty są poprawne, ale zamiast używa się przeglądarki, jeśli obsługuje ją przeglądarka.

Sesja debugowania może mieć wpływ na zachowanie kodu, jeśli na przykład myElement jest tworzona asynchronicznie przez wywołanie AJAX, ale wywołanie fadeOut() jest wywoływane bez czekania na zakończenie żądania.

W takim przypadku ręczne przejście przez kod może dać wystarczającą ilość czasu na żądanie powrotu, a element, który ma zostać utworzony przed wywołaniem fadeOut(), podczas gdy żądanie nie powróciłoby jeszcze w normalnym przypadku.