Dit stukje JavaScript-code implementeert asynchroon gedrag door gebruik te maken van de `async`-functie en de `await`-operator. Hoe het werkt: - De functie `getUser` is gemarkeerd met `async`, waardoor deze altijd een `Promise` teruggeeft. Dit betekent dat de functie niet onmiddellijk een resultaat oplevert, maar een belofte die op een later moment wordt vervuld. - Binnen de functie wordt `await` gebruikt bij de aanroep van `fetch`, waarmee de uitvoering wordt gepauzeerd totdat de `fetch`-belofte wordt voldaan en de response beschikbaar is. Dit maakt de code leesbaarder en lijkt op synchrone code, terwijl het in werkelijkheid asynchroon is. - Vervolgens wordt opnieuw `await` gebruikt bij `response.json()`, waarmee wordt gewacht op de parsing van de JSON-data. Daarna wordt de `user`-object geretourneerd. - Omdat de functie een `Promise` teruggeeft, kunnen andere delen van de code deze gebruiken met `.then()` of door zelf `await getUser()` te gebruiken. Gebruikte patronen: - **Async/Await**: Het belangrijkste patroon is het gebruik van `async`-functies en `await`, die samen zorgen voor eenvoudig leesbare, asynchrone code zonder callback-hell. - **Promise-gebaseerd asynchroon gedrag**: Achter de schermen worden `Promise`s gebruikt om de asynchrone operaties te beheren en te synchroniseren. Kortom, deze code maakt gebruik van moderne JavaScript-technieken om asynchrone HTTP-verzoeken op een overzichtelijke en onderhoudbare manier te implementeren.

Dit JavaScript-fragment demonstreert asynchroon gedrag via de volgende mechanismen: **Asynchrone implementatie:** - De `async` functie-declaratie creëert een functie die altijd een Promise retourneert - De `await` operator pauzeert de functie-uitvoering tot de Promise is opgelost - `fetch()` retourneert een Promise die de HTTP-response vertegenwoordigt - `response.json()` retourneert ook een Promise voor het parsen van JSON **Gebruikte patronen:** 1. **Async/Await patroon** - Moderne syntactische suiker bovenop Promises 2. **Promise-based patroon** - fetch() en json() retourneren beide Promises 3. **Sequentiële asynchrone uitvoering** - await zorgt voor duidelijke volgorde **Werking:** 1. De functie wordt aangeroepen en retourneert direct een Promise 2. Eerste await wacht op de HTTP-request voltooiing 3. Tweede await wacht op JSON-parsing 4. De geretourneerde user wordt de opgeloste waarde van de Promise Dit patroon vermijdt callback hell en biedt schonere, leesbaare code dan traditionele Promise-chaining of callback-benaderingen.