Async i await

Jeśli ukończyłeś(-aś) ostatnią lekcję, pewnie myślisz, że obietnice są trudne do zrozumienia albo nawet trudno zapamiętać ich składnię!

Nie martw się! ES6 pomoże Ci w tej kwestii. 

<i>async</i> i <i>await</i> ułatwiają pisanie obietnic

Rozważ funkcję wykonującą zadanie asynchroniczne (czasochłonne). 

Chcemy, aby ta funkcja zwracała obietnicę i czekała na jej wynik.

Jeśli napiszemy async przed dowolną funkcją Javascript, zawsze zwraca ona obietnicę.

await sprawi, że funkcja będzie czekać na obietnicę i wstrzyma swoje działanie, dopóki obietnica nie zostanie spełniona.

Rozważ przykład pobierania danych z serwera — może to zająć kilka sekund.

 async function fetchData () {
 	const response = await fetch("/url"); // poczekaj na zakończenie obietnicy
  	const movies = await response.json(); // poczekaj na zakończenie obietnicy
  	return movies;
  } 
  
  fetchData.then(val => console.log(val)) // dane zwrócone przez API

Słowa kluczowego await można używać tylko wewnątrz funkcji async.

async-await można stosować zarówno w zwykłych funkcjach, jak i funkcjach strzałkowych.

const someFunc = async (a) => { await //kod }