Async/Await

Async/Await · Koodaus

Lyhyesti

JavaScriptin syntaksi asynkronisten operaatioiden, kuten API-kutsujen, käsittelyyn selkeästi.

Async/await on JavaScriptin moderni syntaksi asynkronisten operaatioiden käsittelyyn. Se tekee koodista paljon luettavampaa verrattuna callback-helvettiin tai pitkiin .then()-ketjuihin. Async-funktio palauttaa aina Promisen ja await pysäyttää suorituksen kunnes operaatio valmistuu. Vibekoodauksessa async/await on kaikkialla: jokainen API-kutsu, tietokantaoperaatio ja tiedoston luku on asynkroninen. Tekoäly käyttää async/awaitia oletuksena, mutta muista tarkistaa että try/catch-virheenkäsittely on mukana — tekoäly jättää sen usein pois ensimmäisestä versiosta.

Esimerkkejä

const res = await fetch("/api/users"); const data = await res.json();

async function fetchData() { try { ... } catch (error) { ... } }

await Promise.all([fetchUsers(), fetchProducts()]) — rinnakkaiset kutsut

Next.js Server Components: async function Page() { const data = await getData() }