BaliseTonSite

Fonctions

Un bloc de code réutilisable, pratique pour éviter les copier-coller.

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 :

JavaScriptjavascript
function lancerBouleDeFeu() {
  console.log("Boule de feu lancée !");
}

3.3Appeler une fonction

Pour lancer ton sort, tu “appelles” la fonction par son nom :

JavaScriptjavascript
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” :

JavaScriptjavascript
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 :

JavaScriptjavascript
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” :

JavaScriptjavascript
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 :

JavaScriptjavascript
const doublerXp = xp => xp * 2;
console.log(doublerXp(75)); // 150

Mais 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.

JavaScriptjavascript
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.

Verifie tes acquis

3 questions pour valider ce chapitre

1. Quelle est la difference entre une declaration de fonction et une expression de fonction ?

Valide et sauvegarde ce chapitre

Ne perds pas le fil de ton apprentissage. Chaque QCM terminé sauvegarde ton score. Crée ton profil gratuitement pour débloquer toutes les évaluations du site et retrouver tes résultats plus tard.

Commencer l'aventure
Déjà membre ?Connecte-toi