Arrow-Functions

Arrow-Funktionen bieten eine kürzere Möglichkeit, Funktionen in JavaScript zu schreiben. Sie sind besonders praktisch für kurze, einfache Funktionen.

Ein Arrow-Funktionsausdruck hat eine kürzere Syntax im Vergleich zu Funktionsausdrücken und besitzt keine eigenen Bindungen an die Schlüsselwörter this, arguments, super oder new.target. Arrow-Funktionen sind immer anonym.

Hier ist die grundlegende Syntax einer Arrow-Function:

(param1, param2) => {
	// Funktionskörper
	// ...
	return value; // Optionale return-Anweisung
}

Wenn die Funktion nur einen Parameter hat, können Sie die Klammern um die Parameterliste weglassen. Wenn der Funktionskörper nur einen Ausdruck enthält, können Sie die geschweiften Klammern und das Schlüsselwort return weglassen. Das Ergebnis des Ausdrucks wird implizit zurückgegeben.

Hier ist ein Beispiel für einen traditionellen Funktionsausdruck:

let add = function(a, b) {
	return a + b;
};

Hier ist dieselbe Funktion als Arrow-Function geschrieben:

let add = (a, b) => a + b;

In diesem Beispiel werden die Klammern um die Parameter beibehalten, da es zwei Parameter gibt. Die geschweiften Klammern und das Schlüsselwort return werden weggelassen, da der Funktionskörper nur einen Ausdruck hat.

Hier ist ein weiteres Beispiel ohne Parameter:

let greet = () => console.log("Hello!");
greet(); // Ausgabe: Hello!

In diesem Fall wird ein leeres Paar Klammern verwendet, um anzuzeigen, dass die Funktion keine Parameter hat.

Arrow-Funktionen werden oft verwendet, wenn man eine kurze Funktion als Argument an eine andere Funktion übergeben muss.