Await-Spielerei

await-spielen.js

async function Berechnung () {
    console.log("Berechnung: Start");
    const promise = new Promise(resolve => {
        setTimeout(() => { resolve(1 + 1)}, 100);
    });
    console.log("Berechnung: Ende");
    return promise;
}

async function Unterfunktion () {
    console.log("Unterfunktion: Start");
    const ergebnis = Berechnung();
    console.log("Unterfunktion: nach Aufruf ohne await");
    console.log("Unterfunktion: Ergebnis Berechung: " + ergebnis + " - " + JSON.stringify(ergebnis));
    const echtesErgebnis = await ergebnis;
    console.log("Unterfunktion: Ergebnis nach await: " + echtesErgebnis);
    console.log("Unterfunktion: Ende");
}

async function Hauptfunktion () {
    console.log("Hauptfunktion: Start");
    const promise = Unterfunktion();
    console.log("Hauptfunktion: nach Aufruf ohne await"); //passiert "sofort"
    await promise; //erst hier wird auf das Ergebnis gewartet.
    console.log("Hauptfunktion: nach await.");
    console.log("Hauptfunktion: Ende");
}

Hauptfunktion().then(() => {
    console.log("Alles fertig");
}, e => {
    console.log("Es gab einen Fehler: ", e);
});

Ausgabe:

Hauptfunktion: Start
Unterfunktion: Start
Berechnung: Start
Berechnung: Ende
Unterfunktion: nach Aufruf ohne await
Unterfunktion: Ergebnis Berechung: [object Promise] - {}
Hauptfunktion: nach Aufruf ohne await
Unterfunktion: Ergebnis nach await: 2
Unterfunktion: Ende
Hauptfunktion: nach await.
Hauptfunktion: Ende
Alles fertig