Je kunt asynchrone bewerkingen in JavaScript uitvoeren door het gebruik van Promises en de nieuwe async/await syntaxis. Dit is enorm handig voor taken die tijd nodig hebben om te voltooien, zoals het laden van gegevens vanuit een API.
Eerst, laten we kijken hoe async/await werkt. Het belangrijke om te begrijpen is dat een functie gedefinieerd met het async sleutelwoord altijd een promise retourneert. Await wordt gebruikt om de uitvoering van de functie te pauzeren tot de belofte is vervuld of afgewezen, waarna de functie wordt hervat met het resultaat van de promise.
Hier is een basisvoorbeeld van hoe je async/await in JavaScript kunt gebruiken:
```
async function fetchData() {
try {
// De await operator wordt gebruikt om te wachten tot de promise is vervuld
let response = await fetch(‘https://api.example.com/data’);
let data = await response.json();
// Bel de asynchrone functie
fetchData();
```
In dit voorbeeld wordt de fetch API gebruikt om gegevens op te halen van een API-endpoint. Omdat fetch een promise retourneert, kun je de await operator gebruiken om de uitvoering van je functie te pauzeren tot de gegevens zijn geladen. Daarna wordt de JSON-methode (die ook een promise retourneert) gebruikt om de geladen gegevens te parseren, waardoor je kunt wachten tot de parsing is voltooid voordat je verdergaat.
Als er een fout optreedt (bijvoorbeeld als de server niet beschikbaar is of de URL onjuist is), wordt de promise afgewezen en wordt de catch-clausule uitgevoerd.
Let op: de await operator kan alleen worden gebruikt binnen een async functie. Als je probeert het te gebruiken buiten een async functie, krijg je een SyntaxError.
