Care este diferența dintre o declarație de funcție și o expresie de funcție?

Question

Accepted Answer

O **declarație** este o instrucțiune de funcție numită; o **expresie** atribuie o funcție unei variabile. Diferența practică este **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"; };
```

## De ce conteaza

Declarațiile de funcție sunt hoistate **cu corpul lor**, deci întreaga funcție există înainte ca execuția să o atingă. O expresie de funcție este doar o valoare atribuită unei variabile — în punctul apelului timpuriu, `expressed` este încă `undefined` (cu `var`) sau în TDZ (cu `let`/`const`).

## Când să utilizezi care

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

Declarațiile citesc bine pentru funcțiile numite de nivel superior și beneficiază de hoisting (puteți să le definiți după utilizarea lor). Expresiile sunt necesare pentru funcțiile arrow, callbacks, IIFE și atribuția condiționată a funcțiilor. Funcțiile arrow sunt întotdeauna expresii.