Chapitre 7 : Les fonctions

Une fonction est un bloc de code qu'on peut appeler pour l'exécuter. Elle permet de réutiliser facilement du code sans le réécrire.

1. Déclarer une fonction

Voici la syntaxe classique :

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

Pour exécuter cette fonction :

saluer();

2. Paramètres et arguments

On peut passer des informations à une fonction via des paramètres.

function direBonjour(prenom) {
  console.log("Bonjour " + prenom + " !");
}

direBonjour("Alice"); // Bonjour Alice !

3. Retourner une valeur avec return

Une fonction peut renvoyer un résultat à l'aide de return :

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

let resultat = addition(5, 3);
console.log(resultat); // 8

4. Fonction anonyme

On peut créer une fonction sans nom et la stocker dans une variable :

let multiplier = function(x, y) {
  return x * y;
};

console.log(multiplier(4, 2));

5. Fonction fléchée (arrow function)

Depuis ES6, on peut écrire les fonctions de façon plus concise :

const carre = (x) => {
  return x * x;
};

console.log(carre(5)); // 25

Si la fonction ne contient qu'un return, on peut simplifier :

const double = x => x * 2;
console.log(double(4));

6. Appel imbriqué de fonctions

function carre(x) {
  return x * x;
}

function sommeDesCarres(a, b) {
  return carre(a) + carre(b);
}

console.log(sommeDesCarres(2, 3)); // 13

Test interactif

Exercice pratique

Crée un fichier fonctions.js avec le code suivant :

function bienvenue(nom) {
  return "Bienvenue " + nom + " !";
}

function moyenne(note1, note2, note3) {
  return (note1 + note2 + note3) / 3;
}

console.log(bienvenue("Jean"));
console.log("Moyenne : " + moyenne(12, 15, 17));

Puis ajoute-le dans ta page HTML :

<script src="fonctions.js"></script>

Résumé

• Les fonctions servent à réutiliser du code
• On peut leur passer des paramètres
• Le mot-clé return permet de renvoyer une valeur
• Les fonctions fléchées sont une version raccourcie