powtarzane setTimeout() z 1 milisek

Question

Oto fragment kodu od źródła jQuery (bit.ly/jqsource):

// The DOM ready check for Internet Explorer 
function doScrollCheck() { 
    if (jQuery.isReady) { 
     return; 
    } 

    try { 
     // If IE is used, use the trick by Diego Perini 
     // http://javascript.nwbox.com/IEContentLoaded/ 
     document.documentElement.doScroll("left"); 
    } catch(e) { 
     setTimeout(doScrollCheck, 1); 
     return; 
    } 

    // and execute any waiting functions 
    jQuery.ready(); 
} 

To jest hack do wykrycia, gdy DOM jest gotowy do IE. Chociaż teoretycznie wydaje się to bardzo piękne, jestem trochę zaniepokojony setTimeout(doScrollCheck, 1);, co oznacza, że ​​funkcja doScrollCheck() jest nazywana 1000 razy na sekundę, zanim DOM jest gotowy.

Czy powinienem się spodziewać, że będzie to ogromny spadek wydajności?

Answer 1

Funkcja setTimeout jest prawie nigdy wywołana dokładnie w żądanym czasie. Przeglądarka może wykonać co najmniej +/- o kilka milisekund, a jeśli zajdzie jakakolwiek inna intensywna praca, może być opóźniona o sekund lub więcej. Jak już wspomnieli inni, przeglądarka implementuje również minimalny czas oczekiwania. Ta 1 milisekunda po prostu mówi przeglądarce "jak tylko skończysz robić cokolwiek robisz, daj mi znać, żebym mógł coś zrobić". Daje również egzekucję z Javascript, aby przeglądarka mogła wrócić do robienia tego, co zrobi dalej.

Answer 2

Nie sądzę, że tak jest - dopóki DOM nie będzie gotowy, użytkownik nie może już iterować ze stroną, a sprawdzanie co-1ms jest zatrzymywane, gdy tylko DOM zostanie przygotowany.

Co więcej, ta funkcja doScrollCheck to nie to samo co robi setInterval (doScrollCheck, 1). Te ostatnie nie czekają na zakończenie polecenia doScrollCheck, po prostu uruchomią funkcję doScrollCheck tak szybko, jak to możliwe - TO może być problem z wydajnością, ponieważ potencjalnie dziesiątki zachodzących na siebie wywołań do tej samej funkcji.

Nie jestem pewien, czy widziałem inny sposób wykrywania, że ​​DOM jest gotowy, sprawdzając dla coś (jest właściwość dostępna na documentElement w tym przypadku) w dłuższych/krótszych odstępach czasu.

Answer 3

Minimalny limit czasu to znacznie więcej niż 1 milisekunda. Jeśli twój kod robił tam wiele manipulacji DOM, to nawet przy dłuższym okresie pauzy zacząłbyś rozgrzewać procesor.

Niektóre nowe przeglądarki (Firefox i Chrome, być może Safari) zwiększają ten minimalny limit czasu o wiele więcej w przypadku nieokreślonych kart i okien.

Nawet milisekunda to dobry pomysł na nowoczesny procesor.