AngularJS: $ evalAsync vs $ timeout

Question

Używam AngularJS od jakiegoś czasu i znalazłem potrzebę używania $timeout co jakiś czas (Wydaje się, że zazwyczaj należy zainicjować wtyczkę jQuery).

Niedawno próbowałem uzyskać lepsze i bardziej dogłębne zrozumienie cyklu trawienia, a ja natknąłem się na funkcję $evalAsync.

Wygląda na to, że funkcja daje podobne wyniki do $timeout, tylko nie zwlekaj. Za każdym razem, gdy używałem $timeout, było to z opóźnieniem wynoszącym 0, więc teraz zastanawiam się, czy powinienem był zamiast tego użyć $evalAsync.

Czy są jakieś zasadnicze różnice między tymi dwoma? W jakich przypadkach używałbyś jednego z drugim? Chciałbym mieć lepsze wyczucie, kiedy go użyć.

Answer 1

Niedawno odpowiedział zasadzie to pytanie tutaj: (., Że linki Odpowiedź na niektórych giełdach GitHub z Miśko) https://stackoverflow.com/a/17239084/215945

Podsumowując:

• jeśli kod jest w kolejce za pomocą $ evalAsync z dyrektywy, powinien działać po DOM został zmanipulowany przez Angular, ale przed przeglądarka renderuje
• jeśli kod jest w kolejce za pomocą $ evalAsync z kontrolera, należy go uruchomić przed DOM został manipulowany przez kątowe (a przed przeglądarce czyni) - rzadko chcesz to
• jeśli kod jest w kolejce za pomocą $ Timeout, należy go uruchomić po DOM zostało zmanipulowane przez kątowe i po renderuje przeglądarki (co może powodować migotanie w niektórych przypadkach)

Answer 2

Dla tych budujących złożonych aplikacji, należy pamiętać, że istnieje to jest wydajność im pakt na twój wybór. Również chciałbym zakończyć Mark odpowiedź więcej szczegółów technicznych:

• $ Timeout (zwrotna) będzie czekać na prąd strawić cyklu do zrobienia (czyli kątowej aktualizacji wszystkich modelu i DOM), a następnie wykona swoje wywołanie zwrotne - potencjalnie wpływające na model kątowy - a następnie uruchom pełny $apply w katalogu głównym $ scope, i ponownie wszystko zmieści.

• $ evalAsync (callback), z drugiej strony doda wywołanie zwrotne do bieżącego lub następnego cyklu podsumowania. Oznacza to, że jeśli jesteś w ciągu cyklu (na przykład w funkcji wywołanej z jakiejś dyrektywy ng-click), to nie będzie czekać na nic, kod zostanie wykonany od razu. Jeśli jesteś w asynchronicznym wywołaniu, na przykład setTimeout, zostanie uruchomiony nowy cykl podsumowania ($apply).

Więc jeśli chodzi o występy to zawsze lepiej zadzwonić $evalAsync, chyba że jest to dla Ciebie ważne, że widok jest aktualne przed wykonaniem kodu, na przykład jeśli trzeba Dostęp do jakiegoś Domu atrybutów, takich jak szerokość elementów i tym podobne.

Jeśli chcesz więcej szczegółów na temat różnicy między $ limit czasu, $ evalAsync, $ strawienia, $ zastosować, zapraszam do zapoznania się moją odpowiedź na to inne pytanie: https://stackoverflow.com/a/23102223/1501926

Również należy przeczytać documentation:

$ evalAsync nie udziela żadnych gwarancji co do tego, kiedy wyrażenie zostanie wykonane, tylko że:

• będzie wykonywał po funkcji, które zaplanowano OCENA n (najlepiej przed renderowaniem DOM).
• co najmniej jeden cykl podsumowania $ zostanie wykonany po wykonaniu wyrażenia.

Uwaga: jeśli ta funkcja nazywa się poza cyklem $ strawienia, nowy $ strawić cyklu zostaną zaplanowane. Zaleca się jednak, aby zawsze wywoływać kod, który zmienia model z wywołania $ apply. Obejmuje to kod oceniany za pomocą $ evalAsync.