Jak działa async/await w JavaScript?

Słowa kluczowe async i await zostały wprowadzone w specyfikacji ES2017. Umożliwiają obsługę kodu asynchronicznego, opartego na obietnicach, w sposób łatwiejszy do zrozumienia, przypominający kod synchroniczny. W tym odcinku przedstawię Ci jak dokładnie działa async/await, dzięki czemu będziesz sprawnie radził sobie z wykorzystaniem tej składni, niepopełniając przy tym najczęstyszch błędów.
Patronem dzisiejszego odcinka jest SmartRecruiters. Firma, w której pracuje Marcin rekrutuje obecnie na stanowiska:
- Junior Software Engineer, Frontend: jobs.smartrecruiters.com/smar...
- Software Engineer, Frontend: jobs.smartrecruiters.com/smar...
- Senior Software Engineer, Frontend: jobs.smartrecruiters.com/smar...
- Lead Software Engineer, Frontend jobs.smartrecruiters.com/smar...
Ikona wykonana z okładki wykonana przez freepik.com
✅ Zasubskrybuj nasz kanał - bit.ly/przeprogramowani-sub
📷 Przeprogramowany Instagram - / przeprogramowani
✍🏻 Marcin na Twitterze - / mkczarkowski
✍🏻 Przemek na Twitterze - / psmyrdek
⚡️Opanuj JavaScript ⚡️
przeprogramowani.pl/kurs
🔥Bądź na bieżąco i zapisz się do newslettera 🔥
przeprogramowani.pl/newsletter
⬇️ Więcej materiałów znajdziesz na naszym Facebooku ⬇️
/ przeprogramowani
Poznajmy się - forms.gle/wSbq3QXq19L3opQx8

[@piotrek0027]

Ładnie wytłumaczone i miło się słucha. Masz rzadki dar do przekazywania wiedzy w spójny i zrozumiały sposób z jajem więc nie wieje nudą.
Plus podajesz życiowe przypadki gdzie to użyć, a jak się coś wywali to skąd się biorą potencjalne błędy i czym się poratować :)
Full serwis! Dzięki!

[@Przeprogramowani]

Dzięki za miłe słowa!

[@zkr1965]

Można wymusić współbieżność bez PromiseAll.
const ricksPromise = axiors.get(......)
const mortiesPromise = acios.get(....)
const ricks = await ricksPromise
const morties = await mortiesPromise

[@DzikiMoronHackshield]

Tutaj nadal czekasz na rozwiązanie Promise z ricks - nie widzę tutaj współbieżności. Wyżej je tylko deklarujesz, niżej rozwiązujesz.
Jeśli się mylę, to proszę o feedback

[@zkr1965]

@@DzikiMoronHackshield Nie, w tym wypadku lecą współbieżnie. Sprawdź sobie po prostu jak polecą requesty do API w przeglądarce.

[@ferplej699]

Jakoś tam działa na pewno

[@grzegorzpaprzycki846]

2:09 wydaje mi się, że nie jest do końca prawdą.
Otrzymanie statusu 404, 500 itp nadal zostanie zinterpretowane jako pozytywne roztrzygnięcie Promisa - czyli status "fulfilled".

[@Gabryhoo]

Pomyliło CI się z klasycznym fetchem. Axios dla statusu innego niż 2xx rzuci błędem

[@dapolcio3405]

Prośba. Jak pokazujecie przykłady z zewnętrznym api to pliz kopiujcie link do opisu pod filmem. Przepisywanie go ręcznie to mordęga. Dzięki