web-intro
  • Introduction
  • Introduksjon
    • Introduksjon
    • Din første nettside
      • Hello World
      • DevTools
  • Grunnleggende webutvikling
    • HTML
      • Elementer
      • Head og body
      • Semantikk
      • Bilder
      • Lenker
      • Knapper
      • DOM-en
    • CSS
      • Selectorer
      • Pseudo-klasser
      • Box model
      • Flyt
      • Layout
      • Responsivt
    • JavaScript
      • Filer
      • Variabler
      • Typer og operatorer
      • Strenger
      • Funksjoner
      • Listeoperasjoner
      • DOM-apiet
      • Promises
      • Async/await
      • Web-APIer
      • ESNext
      • Rammeverk
  • Neste steg
    • Universell utforming
    • React
    • Utviklingsmiljø
      • Dytt det til skyen!
    • Best practices
      • Linting og formatering
      • Code review
      • Keep it simple, stupid!
    • Flere ressurser
Powered by GitBook
On this page
  1. Grunnleggende webutvikling
  2. JavaScript

Async/await

PreviousPromisesNextWeb-APIer

Last updated 5 years ago

Async-await-mønsteret er en mer moderne måte å håndtere asynkronitet på enn med .

Syntaksen er som følger:

async function hentData() {
    const response = await fetch('http://ressurs.no');
    return response.json();
}

Feilhåndtering

Dersom requesten feiler, vil await kaste en feil. Dette kan vi enkelt håndtere ved å wrappe det i en try-catch:

async function hentData() {
    try {
        const data = await fetch('http://ressurs.no');
        return data.json();
    } catch (err) {
        // gjør noe med feilen
    }
}
Promises