> ## Documentation Index
> Fetch the complete documentation index at: https://docs.baenninger.me/llms.txt
> Use this file to discover all available pages before exploring further.

# 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:

```javascript theme={null}
function calcAge(birthYear) {
  return 2037 - birthYear;
}

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

```

## 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.

```javascript theme={null}
const calcAge = function (birthYear) {
  return 2037 - birthYear;
};

const age = calcAge(1991);
console.log(age); // 46
```

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:

```javascript theme={null}
const age = calcAge(1991);
console.log(age1);

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

Das liegt am [Hoisting](/web/javascript/scope-und-kontext/hoisting-und-temporal-dead-zone-tdz), ein Konzept, mit dem wir uns später beschäftigen werden.