Javascript async/await kurz mal erklärt

Async steht für asynchron. Man kann async vor eine Funktion oder Klassenmethode setzen.

async function test() {
	return true;
}

test();
// Output: Promise …

test().then(alert)
// Output: true

Ruft man jetzt die Funktion auf, erhält man statt dem true ein Promise. Das bedeutet das der Rückgabewert in einem Promise verpackt wird, was erst einmal aufgelöst werden muss.

Await – Wer async sagt sollte await nutzen

…und wer await sagt muss async nutzen. Das Zauberwort bei der Benutzung von async ist await. Mit await weisen wir an, dass wir hier auf noch auf eine Antwort warten und erst dann weiter rechnen wollen. Ein kleines Beispiel: Wir fragen den Supercomputer nach den Sinn des Lebens und wollen das Resultat mit Pi multiplizieren.

async function meaningOflifeAndPi() {
let duration = 1000 // wer lieber eine genaue Reproduktion des Tests durchführen möchte sollte hier  3,1536e+16 statt 1000 Millisekunden eintragen. Dann könnt ihr erstmal paar Tassen Cafe trinken und nebenbei alle Programmiersprachen lernen ...

  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve(42), duration)
  });
  let result = await promise; // wait until the promise resolves (*)
  alert( result * Math.PI ); 
}
meaningOflifeAndPi();
// Output: "131.94689145077132"

Leave a Comment

Your email address will not be published.

*

*

Empfholende Artikel


Alphanumeric sorting of an array with objects according to the value of an object

June 30, 2022

Especially in the frontend it happens quite often that you want to sort an array, an array with objects according to a certain pattern. Javascript has very performant and nice functions. But you can use these functions not only in the frontend. If you write your backend with NodeJS you will also appreciate the array […]

JS reduce()

March 21, 2022

Man hat ein array und möchte zum Beispiel alle Zahlen im Array kumulieren. Mit der Javascript Array Function reduce() geht das ganz leicht.

Return days of a month in an array

March 14, 2022

You need all days of a certain month then you can use this function: getDaysInMonth = (month,year) => new Date(year, month, 0).getDate();console.log( […Array(getDaysInMonth(3, 2022)).keys()] ); Greets!

JS flat()

March 9, 2022

Es kommt schon mal vor das man geschachtelte arrays bekommt.Zum Beispiel: Man möchte aus einem geschachteltem Array alle Werte in einem Array sammeln. Mit der array Funktion flat() ist das kein Problem. Auch mehrstuffig verschachtelte Arrays kann man geradeziehen (flatten). Indem man der flat Funktion die Anzahl der verschachtelungen die aufgelöst werden sollen, mitgibt. Da […]

JS bind()

March 8, 2022

Ein einfaches besipiel um JS bind() function zu verdeutlichen:

Javascript – Fakultät berechnen

January 19, 2022

Ab und an braucht man das und nicht nur in der Kombinatorik. Wer es etwas übersichtlicher braucht (und dazu zähle ich mich auch) kann es auch in einer for schleife machen.