Quelle est la différence entre une déclaration de fonction et une expression de fonction ?

Question

Accepted Answer

Une **déclaration** est une instruction de fonction nommée ; une **expression** assigne une fonction à une variable. La différence pratique est **le 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"; };
```

## Pourquoi c'est important

Les déclarations de fonction sont hissées **avec leur corps**, donc la fonction entière existe avant que l'exécution l'atteigne. Une expression de fonction n'est qu'une valeur assignée à une variable — au moment de l'appel précoce, `expressed` est toujours `undefined` (avec `var`) ou dans la TDZ (avec `let`/`const`).

## Quand utiliser lequel

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

Les déclarations se lisent bien pour les fonctions nommées de haut niveau et bénéficient du hoisting (vous pouvez les définir après leur utilisation). Les expressions sont nécessaires pour les arrow functions, les callbacks, les IIFE et l'assignation de fonctions de manière conditionnelle. Les arrow functions sont toujours des expressions.