JavaScript Schnellstart: Callback

Du hast nun Befehle benutzt, eigene Befehle geschrieben und sogar mit Daten in Befehlen gearbeitet. Im nächsten Modul werden wir uns näher mit Daten beschäftigen.

Zuerst lernst du noch eine Besonderheit von JavaScript selbst, die aber auch in paar anderen Sprachen vorkommt. Du lernst, was ein Callback ist.

Was ist ein Callback?

Ein Callback ist eine Funktion die man wie Daten übertragen kann. Wann braucht man das denn?

Stell dir vor, du möchtest eine Verzögerung haben oder ein Klickereignis behandeln.

Du musst dem Befehl die Funktion als Parameter mitgeben, die beim Ablauf der Zeit oder beim Klick ausgeführt werden soll. Anbei ein Beispiel mit einer zeitlichen Verzögerung.

Wir haben eine Funktion:

function zündung() {
  ausgeben("Triebwerke gezündet");
}

Anstatt diese einfach mit runden Klammern und Semikolon aufzurufen, übergeben wir nur den Namen des Befehls:

setTimeout(2000, zündung);

Je nachdem ob die Funktion bestimmte Parameter benötigt kann sich die Funktion sparen und direkt eine Funktion angeben:

setTimeout(2000, function() {
  ausgeben("Triebwerke gezündet");
}
);

Achte darauf, dass du die Klammern richtig setzt!

Das Wissen rund um Callbacks ist wichtig, da Funktionen die Reihenfolge des Programmablaufs verändern können. Außerdem wirst dich diese Art von Befehlsaufruf in JavaScript ständig begleiten.

Schauen wir uns folgende Übung zum Callback an: