Javascript-forum
javascript synchoner fetch - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: javascript synchoner fetch (/showthread.php?tid=329)



javascript synchoner fetch - a_k - 05.01.2022

Ich möchte einen synchronen json-fetch-Aufruf ausführen. Siehe den folgenden Code.
Es funktioniert im Prinzip, aber nicht in der erwarteten Reihenfolge (nicht synchron, sondern wieder asynchron).
Meine Log-Erwartung ist 1 2 3 4 5 6 7, aber ich erhalte 1 2 3 7 4 5 6
Wie erfülle ich meine Erwartung?

Code:
console.log("1 start");
async function fetchInfo() {
    let url = `https://reqres.in/api/products/3`; // only for test
    console.log("  3 fetch()");
    let response = await fetch(url);
    console.log("  4 json()");
    let data = await response.json()
    console.log("  5 return");
    return data;
}
console.log("2 call fetchInfo()")
fetchInfo()
    .then(data => console.log("6 json object: ...", data));
console.log("7 end / more code ...");