Was ist der Unterschied zwischen einer Funktionsdeklaration und einem Funktionsausdruck?

Question

Accepted Answer

Eine **Deklaration** ist eine benannte Funktionsanweisung; ein **Ausdruck** weist eine Funktion einer Variablen zu. Der praktische Unterschied ist das **Hoisting**.

```js
// Declaration — fully hoisted, callable before its line
declared();             // ✅ works
function declared() { return "hi"; }

// Expression — only the variable binding is hoisted, not the function
expressed();            // ❌ TypeError: expressed is not a function
var expressed = function () { return "hi"; };
```

## Warum es wichtig ist

Funktionsdeklarationen werden **mit ihrem Body** gehoistet, sodass die gesamte Funktion vorhanden ist, bevor die Ausführung sie erreicht. Ein Funktionsausdruck ist nur ein Wert, der einer Variablen zugewiesen wird – zum Zeitpunkt des frühen Aufrufs ist `expressed` immer noch `undefined` (mit `var`) oder in der TDZ (mit `let`/`const`).

## Wann welche verwenden

```js
// expression — for callbacks, conditional definitions, arrow functions
const handler = () => doThing();
const fn = condition ? a : b;
arr.map(x => x * 2);

// declaration — clear, hoisted top-level functions
function calculateTotal(items) { ... }
```

Deklarationen lesen sich gut für Top-Level-Funktionen mit Namen und profitieren vom Hoisting (Sie können sie nach ihrer Verwendung definieren). Ausdrücke sind notwendig für Pfeilfunktionen, Callbacks, IIFEs und das bedingte Zuweisen von Funktionen. Pfeilfunktionen sind immer Ausdrücke.