Vad är skillnaden mellan en funktionsdeklaration och ett funktionsuttryck?

Question

Accepted Answer

En **deklaration** är ett namngivet funktionsuttalande; ett **uttryck** tilldelar en funktion till en variabel. Den praktiska skillnaden är **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"; };
```

## Varför skillnaden

Funktionsdeklarationer är hissade **med sin kropp**, så hela funktionen finns innan körningen når den. Ett funktionsuttryck är bara ett värde tilldelat en variabel — vid tidpunkten för det tidiga anropet är `expressed` fortfarande `undefined` (med `var`) eller i TDZ (med `let`/`const`).

## När man ska använda vilken

```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) { ... }
```

Deklarationer läses väl för funktioner på toppnivå och drar nytta av hoisting (du kan definiera dem efter deras användning). Uttryck är nödvändiga för pilbågsfunktioner, callbacks, IIFEs och villkorlig tilldelning av funktioner. Pilbågsfunktioner är alltid uttryck.