Funktionsdeklarationen vs. Funktionsausdrücke

In JavaScript gibt es verschiedene Möglichkeiten, Funktionen zu schreiben.

Funktionsdeklarationen

Die Funktionen, die wir vorhin gesehen haben, heissen Funktionsdeklaration, weil wir einfach das Schlüsselwort function verwenden, um eine Funktion zu deklarieren, ähnlich wie eine Variable. Sehen wir uns ein weiteres Beispiel an:

function calcAge(birthYear) {
  return 2037 - birthYear;
}

const age = calcAge(1991);
console.log(age);

Funktionsausdrücke

Wenn wir Funktionsausdrücke haben, speichern wir die Funktion in einer Variablen als Ausdruck, und diese Variable wird dann die Funktion sein. Dieser Ausdruck erzeugt dann einen Wert, sodass die Variable am Ende nur einen Wert hat.

const calcAge = function (birthYear) {
  return 2037 - birthYear;
};

const age = calcAge(1991);
console.log(age);

Wie du siehst, geben wir der Funktion keinen Namen, diese wird dann anonyme Funktion genannt.

Unterschiede

Es gibt einige Unterschiede, die später noch wichtig werden. Aber es gibt einen wichtigen praktischen Unterschied: Wir können Funktionsdeklarationen aufrufen, bevor sie definiert sind:

const age = calcAge(1991);
console.log(age1);

function calcAge(birthYear) {
  return 2037 - birthYear;
}

Das liegt am Hoisting, ein Konzept, mit dem wir uns später beschäftigen werden.