Summary  
This chapter explains how to organize and reuse JavaScript code by defining functions through declarations, expressions, and arrow syntax—including concise returns—and describes their local scope.

General domain of usage  
Front-end web development with React


Les fonctions permettent d’organiser et de réutiliser le code en JavaScript. Une fonction est un bloc de code nommé qui exécute une tâche spécifique. Vous pouvez définir une fonction une seule fois et l’appeler chaque fois que nécessaire.

Il existe trois méthodes courantes pour créer des fonctions : **déclarations de fonction**, **expressions de fonction** et **fonctions fléchées**.

## Déclaration de fonction
Une déclaration de fonction utilise le mot-clé function suivi d’un nom, de paramètres et d’un bloc de code.

function add(a, b) {
  return a + b;
}

console.log(add(3, 4)); // 7

## Expression de fonction
Une expression de fonction assigne une fonction à une variable.

const multiply = function(a, b) {
  return a * b;
};

console.log(multiply(3, 4)); // 12

## Fonctions fléchées
Les fonctions fléchées offrent une syntaxe plus courte et plus moderne. Elles sont largement utilisées dans React et Next.js.

const subtract = (a, b) => {
  return a - b;
};

console.log(subtract(5, 2)); // 3

Pour les expressions simples, il est possible de retourner une valeur sans écrire return :

const divide = (a, b) => a / b;

console.log(divide(10, 2)); // 5

## Portée des fonctions
Les variables déclarées à l'intérieur d'une fonction ne sont disponibles qu'au sein de cette fonction. Cela s'appelle la **portée locale**.

function greet(name) {
  const message = "Hello, " + name + "!";
  return message;
}

console.log(greet("Sam")); // Hello, Sam!

Apprenez à contrôler la logique des programmes, à structurer les données et à créer des fonctionnalités dynamiques avec JavaScript. Travaillez avec les fonctions, les tableaux, les objets et les boucles, puis appliquez ces compétences pour créer un système de profil interactif. Acquérez les connaissances fondamentales nécessaires pour passer à React et au développement frontend moderne.

Appliquez vos connaissances dans un mini-projet, découvrez les bases du débogage et préparez-vous pour les prochaines étapes en JavaScript.