Semaine 2 - Jour 1 : Fonctions

Qu'est-ce qu'une fonction ?

Une fonction est un bloc de code réutilisable qui accomplit une tâche spécifique. Au lieu d'écrire le même code plusieurs fois, on crée une fonction qu'on peut appeler quand on en a besoin.

Analogie : Une fonction est comme une recette de cuisine. Vous définissez les ingrédients (paramètres), les étapes (code), et obtenez un résultat (valeur de retour).

Avantages : Code réutilisable, plus lisible, plus facile à maintenir et déboguer.

1. Déclaration de fonction

Une fonction se déclare avec le mot-clé function suivi d'un nom et de parenthèses.

// Fonction simple sans paramètre
function direBonjour() {
  console.log('Bonjour !');
}

// Appel de la fonction
direBonjour(); // Affiche: Bonjour !

💡 Astuce : On peut appeler la fonction autant de fois qu'on veut !

2. Paramètres et arguments

Les paramètres permettent de passer des valeurs à la fonction pour la rendre plus flexible.

// Fonction avec paramètres
function saluer(nom, age) {
  console.log('Bonjour ' + nom);
  console.log('Tu as ' + age + ' ans');
}

// Appel avec arguments
saluer('Marie', 25);
saluer('Tom', 30);

3. Valeur de retour (return)

Le mot-clé return permet de renvoyer une valeur depuis la fonction. La fonction s'arrête après le return.

// Fonction qui calcule et retourne
function additionner(a, b) {
  return a + b;
}

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

// Utilisation directe
console.log(additionner(10, 20)); // 30

4. Fonctions fléchées (Arrow Functions)

Syntaxe moderne et concise pour créer des fonctions (ES6+).

// Syntaxe classique
function carre(x) {
  return x * x;
}

// Fonction fléchée équivalente
const carre = (x) => {
  return x * x;
};

// Version ultra-courte (return implicite)
const carre = x => x * x;
Console JavaScript Interactive - Testez les fonctions !
Prêt à exécuter votre code...

Exemples pratiques

// Calculer le prix TTC
function calculerPrixTTC(prixHT, tauxTVA) {
  return prixHT * (1 + tauxTVA / 100);
}

console.log(calculerPrixTTC(100, 20)); // 120

// Vérifier si un nombre est pair
const estPair = nombre => nombre % 2 === 0;

console.log(estPair(4)); // true
console.log(estPair(7)); // false

// Générer un message personnalisé
function creerMessage(prenom, ville) {
  return `Bonjour ${prenom}, bienvenue à ${ville} !`;
}

console.log(creerMessage('Alice', 'Paris'));

Copiez ces exemples dans la console interactive ci-dessus !

Froggiesplaining :


Objectifs de ce cours :
✅ Comprendre ce qu'est une fonction et pourquoi l'utiliser
✅ Savoir déclarer et appeler une fonction
✅ Utiliser des paramètres pour rendre les fonctions flexibles
✅ Retourner des valeurs avec return
✅ Découvrir les fonctions fléchées (syntaxe moderne)

Points clés à retenir :
• Une fonction = bloc de code réutilisable
function nomFonction(paramètres) { ... } pour déclarer
return pour renvoyer une valeur
const maFonction = (params) => { ... } pour les fonctions fléchées
• Les fonctions évitent la répétition de code
• Scope : les variables déclarées dans une fonction sont locales

Exercice pratique :
1. Créez une fonction calculerAge(anneeNaissance) qui retourne l'âge
2. Créez une fonction estMajeur(age) qui retourne true si age >= 18
3. Créez une fonction fléchée doubler qui multiplie un nombre par 2
4. Testez vos fonctions dans la console interactive !
5. Bonus : Créez une fonction qui convertit des degrés Celsius en Fahrenheit

Froggie explain

GitHub - eCrea