Fonctions : déclaration, paramètres, return

Créez des blocs de code réutilisables avec function, transmettez-leur des paramètres et récupérez leurs résultats avec return.

6 min · 3 questions

Une fonction est un bloc de code réutilisable auquel on donne un nom. C'est comme une recette de cuisine : vous l'écrivez une seule fois, puis vous pouvez la lancer autant de fois que nécessaire. Pour créer une fonction, on utilise le mot-clé function, suivi de son nom, de parenthèses () et d'un bloc entre accolades { }. Pour l'exécuter, on l'appelle en écrivant son nom suivi de parenthèses.

function sayHello() {
  console.log("Bonjour !");
}

sayHello(); // Affiche : Bonjour !
sayHello(); // Affiche : Bonjour !

Une fonction devient vraiment utile quand elle accepte des informations. Un paramètre est une variable déclarée entre les parenthèses de la fonction : il sert de boîte d'entrée. Lors de l'appel, la valeur concrète que vous transmettez s'appelle un argument. Dans l'exemple suivant, name est le paramètre et "Léa" est un argument.

function greet(name) {
  console.log("Bonjour, " + name + " !");
}

greet("Léa");  // Affiche : Bonjour, Léa !
greet("Marc"); // Affiche : Bonjour, Marc !

Afficher un message, c'est bien ; produire un résultat réutilisable, c'est mieux. Le mot-clé return renvoie une valeur à l'endroit où la fonction a été appelée : l'appel add(2, 3) est alors remplacé par sa valeur, 5. Vous pouvez stocker ce résultat dans une variable ou l'utiliser directement. Notez que return termine immédiatement l'exécution de la fonction.

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

const result = add(2, 3);
console.log(result);     // Affiche : 5
console.log(add(10, 4)); // Affiche : 14

Quiz de validation

Vérifiez que vous avez bien retenu les points clés de cette leçon.

1. Quel mot-clé permet à une fonction de renvoyer un résultat à l'endroit de son appel ?
   • return
   • function
   • result
   • send
2. Avec function add(a, b) { return a + b; }, que vaut add(2, 3) ?
   • 23
   • 5
   • undefined
3. Comment appelle-t-on les valeurs concrètes transmises à une fonction lors de son appel ?
   • Les arguments
   • Les paramètres
   • Les index