Promises & Async/Await

TypeScript works with Promises and async/await for asynchronous operations.

Syntax

TYPESCRIPT

1
2
3
4

async function fetchData(): Promise<Data> {
    const response = await fetch("/api/data");
    return response.json();
}

Promises and Async/Await

TYPESCRIPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function fetchData(): Promise<string> {
    return new Promise((resolve) => {
        setTimeout(() => resolve("Data loaded"), 1000);
    });
}

async function getData(): Promise<void> {
    console.log("Loading...");
    let result = await fetchData();
    console.log(result);
    console.log("Done!");
}

getData();

Try It Yourself

Tutorial Complete

Back to TypeScript