Skip to content

Instantly share code, notes, and snippets.

@Dolpheus89
Last active December 18, 2024 09:15
Show Gist options
  • Select an option

  • Save Dolpheus89/b67d50471810ab7086ed9ef7cea5fc7f to your computer and use it in GitHub Desktop.

Select an option

Save Dolpheus89/b67d50471810ab7086ed9ef7cea5fc7f to your computer and use it in GitHub Desktop.

Comprendre les paramètres en Javascript :

Introduction

Avant de plonger dans le code, prenons un moment pour réfléchir à ce qu'est une fonction. Dans notre vie quotidienne, nous utilisons constamment des "fonctions" sans même nous en rendre compte. Les recettes de cuisine sont l'un des meilleurs exemples pour comprendre ce concept.

Pourquoi ? Parce qu'une recette, comme une fonction, est un ensemble d'instructions qui :

  • Peut être utilisée encore et encore
  • Produit toujours le même type de résultat (si on suit bien les instructions)
  • A besoin d'ingrédients spécifiques (qu'on appelle paramètres dans une fonction)
  • Suit une série d'étapes précises
  • Donne un résultat final

La Recette de Gâteau : Une Fonction dans la Vraie Vie

Premier Aspect : La Recette Écrite

Prenons une recette de gâteau au chocolat traditionnelle. Sur le papier, elle ressemble à ceci :

RECETTE : GÂTEAU AU CHOCOLAT
Ingrédients nécessaires :
- Farine
- Œufs
- Chocolat

Instructions :
1. Mélanger les ingrédients
2. Cuire la préparation
3. Sortir le gâteau du four

Cette recette est comme un modèle, un plan. Elle ne fait rien toute seule, elle attend d'être utilisée.

En JavaScript, cette même recette s'écrirait ainsi :

function gateauChocolat(farine, oeufs, chocolat) {
    // Instructions
}

Prenons le temps de comprendre chaque mot :

  • function : Voici comment faire/exécuter votre recette
  • gateauChocolat : C'est le nom de notre recette
  • (farine, oeufs, chocolat) : Ce sont les ingrédients dont nous avons besoin (nos paramètres)

Pourquoi C'est Important ?

Imaginez que vous êtes un chef pâtissier. Vous n'allez pas réinventer la recette du gâteau au chocolat chaque fois qu'un client en demande un. À la place :

  1. Vous avez une recette écrite une fois pour toutes
  2. Vous l'utilisez autant de fois que nécessaire
  3. Vous pouvez ajuster les quantités selon les besoins

C'est exactement ce que fait une fonction !

Comment Utiliser Notre Recette

Quand vous voulez faire un gâteau, vous :

  1. Prenez votre livre de recettes
  2. Choisissez la recette de gâteau au chocolat
  3. Rassemblez les ingrédients dans les bonnes quantités
  4. Suivez les instructions

Par exemple, vous pourriez dire : "Je veux faire un gâteau avec 200 grammes de farine, 3 œufs et 100 grammes de chocolat."

En JavaScript, c'est exactement la même chose :

// On décide de faire un gâteau avec des quantités précises
const monPremierGateau = gateauChocolat(200, 3, 100);

Décomposons cette ligne :

  • const monPremierGateau = : C'est comme dire "je vais faire un gâteau et le garder pour plus tard"
  • gateauChocolat : On utilise notre recette
  • (200, 3, 100) : Ce sont nos quantités d'ingrédients (nos parametres)

Les Paramètres en Détail

Le Comportement des Paramètres

Quand nous utilisons des paramètres dans une fonction, plusieurs choses importantes se produisent :

function gateauChocolat(farine, oeufs, chocolat) {
    // Les paramètres deviennent des variables dans la fonction
    let preparation = "Je commence la préparation avec : \n";
    preparation += farine + " grammes de farine\n";
    preparation += oeufs + " œufs\n";
    preparation += chocolat + " grammes de chocolat";

    // On peut utiliser ces variables partout dans la fonction
    return preparation;
}

// Quand on appelle la fonction
const gateau1 = gateauChocolat(200, 3, 100);
console.log(gateau1)
const gateau2 = gateauChocolat(300, 4, 150);
console.log(gateau2)

Analysons ce qui se passe :

  1. À chaque appel de la fonction, les paramètres reçoivent de nouvelles valeurs
  2. farine, oeufs, et chocolat sont comme des variables temporaires
  3. Ces variables n'existent que dans la fonction
  4. Chaque appel crée ses propres versions de ces variables

L'Importance de l'Ordre

Dans une recette de cuisine, l'ordre des ingrédients est crucial. en javascript, c'est la même chose :

const bonGateau = gateauChocolat(200, 3, 100);
// 200 va dans farine
// 3 va dans oeufs
// 100 va dans chocolat

const mauvaisGateau = gateauChocolat(3, 200, 100);
// 3 va dans farine (!)
// 200 va dans oeufs (!)
// 100 va dans chocolat

Les Situations Particulières

Il existe plusieurs cas spéciaux qu'il faut comprendre :

function gateauChocolat(farine, oeufs, chocolat) {
    // Vérifions si nous avons tous les ingrédients
    if (farine === undefined) {
        return "Il manque la farine !";
    }
    if (oeufs === undefined) {
        return "Il manque les œufs !";
    }
    if (chocolat === undefined) {
        return "Il manque le chocolat !";
    }

    return "Gâteau préparé avec : " + farine + "g de farine, " + 
           oeufs + " œufs, et " + chocolat + "g de chocolat";
}

// Différents cas d'utilisation :
console.log(gateauChocolat());  // "Il manque la farine !"
console.log(gateauChocolat(200));  // "Il manque les œufs !"
console.log(gateauChocolat(200, 3));  // "Il manque le chocolat !"
console.log(gateauChocolat(200, 3, 100));  // Message complet
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment