Fonctions
Un bloc de code réutilisable, pratique pour éviter les copier-coller.
Imagine : tu joues à un RPG. Tu veux lancer ton attaque spéciale “boule de feu” à chaque combat. Plutôt que de refaire tous les gestes à chaque fois, tu crées un raccourci : une seule commande pour tout déclencher. En JavaScript, ce raccourci s’appelle une fonction. Tu l’écris une fois, tu l’utilises partout.
3.1Qu’est-ce qu’une fonction ?
Une fonction, c’est une commande personnalisée. Tu regroupes un ou plusieurs blocs de code, tu lui donnes un nom, et tu peux l’activer quand tu veux.
C’est comme une compétence spéciale dans un jeu : tu l’apprends une fois, puis tu peux la lancer en 1 clic.
3.2Créer une fonction
Voici comment créer un sort simple :
function lancerBouleDeFeu() {
console.log("Boule de feu lancée !");
}3.3Appeler une fonction
Pour lancer ton sort, tu “appelles” la fonction par son nom :
lancerBouleDeFeu();Résultat : 🔥 Boule de feu lancée ! s'affiche dans la console. Tu viens de faire des dégâts magiques !
3.4Paramètres et arguments
Tu peux rendre ton sort plus flexible : choisir la cible par exemple. On utilise pour ça un “paramètre” :
function attaquer(cible) {
console.log("⚔️ Attaque sur " + cible + " !");
}
attaquer("Gobelin"); // ⚔️ Attaque sur Gobelin !
attaquer("Dragon"); // ⚔️ Attaque sur Dragon !Ici, cible est une info que tu donnes à la fonction au moment où tu la lances.
3.5Retourner une valeur
Une fonction peut aussi te donner un résultat, comme une récompense après une quête. On utilise return :
function calculerXp(gagne, bonus) {
return gagne + bonus;
}
let totalXp = calculerXp(100, 50);
console.log("XP total :", totalXp);La fonction renvoie ici 150. Tu peux le stocker ou l’utiliser ailleurs.
3.6Fonctions fléchées
Une autre façon d’écrire des fonctions : plus rapide, plus moderne. Voici la même fonction en version “flèche” :
const soigner = (cible) => {
console.log("Soin sur " + cible);
};
soigner("Équipier 1");Et si elle est très simple (une seule ligne), tu peux même faire ultra court :
const doublerXp = xp => xp * 2;
console.log(doublerXp(75)); // 150Mais attention : plus c’est court, plus ça peut être confus si tu en abuses.
3.7Fonctions anonymes
Une fonction anonyme, c’est une fonction sans nom. Tu la crées et tu l’utilises tout de suite, souvent pour des actions temporaires.
setTimeout(function () {
console.log("Potion lancée après 3 secondes !");
}, 3000);C’est comme un piège magique qui se déclenche avec un délai. On lui demande juste d’agir une fois, pas besoin de la nommer.