Duża ilość callback w jQuery Opcje

[eFK]

Witam serdecznie

Piszę fragment kodu odpowiedzialny za poruszanie czterema obrazkami. Sprawa dokładnie wygląda tak: obrazek się pojawia, dzięki animate przesuwa na koniec jednego diva, zanika, pojawia w kolejnym, przesuwa na jego koniec, zanika ponownie, pojawia się w ostatnim div, gdzie przesuwa się na jego koniec i tam zostaje. A potem kolejny, kolejny i kolejny. Nie jest to trudny kod, ale aby wszytko działało w odpowiedniej kolejności używam callbacków. Przy jednym obrazku to nie problem, ale przy czterech ten kod zaczyna robić się zawiły, a to nie jest prawidłowe.

Zastanawiam się więc jak w jQuery zachowując kolejność wykonywanego kodu uniknąć dużej ilości callbacków?

[by_ikar]

Nie jest to problem samego jquery, tylko tego w jaki sposób działa javascript ogólnie. A działa asynchronicznie i ty chcesz żeby działał asynchronicznie, żeby jedna akcja drugiej nie blokowała. Dlatego też zostały wprowadzone obietnice (promise) oraz od całkiem niedawna generatory i ich async/await odpowiedniki. Dzięki czemu możesz tworzyć kod który wygląda jak synchroniczny, a jest asynchroniczny. Od jakiegoś czasu używam takiego podejścia (raczej głównie po stronie backendu) i jest to ogromny krok do przodu i już nigdy nie chcę używać callback'ów czy then'ów.