Fonctions Utilisateur

Introduction aux fonctions utilisateur

Les fonctions utilisateur sont des blocs de code réutilisables qui effectuent une tâche spécifique. Elles permettent d'organiser et de structurer le code en le divisant en parties plus petites et plus gérables. Les fonctions utilisateur jouent un rôle essentiel dans la programmation, car elles permettent d'éviter la répétition de code et favorisent la modularité et la réutilisabilité.

Notations pour déclarer des fonctions

Il existe deux notations couramment utilisées pour déclarer des fonctions :

a. Notation de déclaration de fonction classique

La notation de déclaration de fonction classique utilise le mot-clé function suivi du nom de la fonction, des paramètres entre parenthèses et du corps de la fonction entre accolades. Voici un exemple de déclaration de fonction classique :

function nomDeLaFonction(parametre1, parametre2) {
    // Corps de la fonction
    // Instructions à exécuter
    // Retour de valeur si nécessaire
}

b. Notation de déclaration de fonction anonyme (fonction fléchée)

La notation de déclaration de fonction anonyme, également appelée fonction fléchée, utilise une syntaxe plus concise en utilisant une flèche => pour définir la fonction. Voici un exemple de déclaration de fonction anonyme :

const nomDeLaFonction = (parametre1, parametre2) => {
    // Corps de la fonction
    // Instructions à exécuter
    // Retour de valeur si nécessaire
}

Exemples de fonctions simples

Pour illustrer l'utilisation des fonctions utilisateur, voici quelques exemples de fonctions simples :

a. Fonction pour calculer la somme de deux nombres

function calculerSomme(nombre1, nombre2) {
    return nombre1 + nombre2;
}

b. Fonction pour trouver le carré d'un nombre

const trouverCarre = (nombre) => {
    return nombre * nombre;
}

c. Fonction pour vérifier si un nombre est pair ou impair

function estPairOuImpair(nombre) {
    if (nombre % 2 === 0) {
        return "pair";
    } else {
        return "impair";
    }
}

Factorisation de code avec les fonctions utilisateur

La factorisation de code consiste à regrouper des parties de code répétitives ou similaires dans des fonctions utilisateur. Cela permet de réduire la duplication de code et de rendre le code plus lisible et plus facile à maintenir. Voici des exemples de factorisation de code avec des fonctions utilisateur :

a. Exemple de factorisation de code avec une fonction pour calculer la moyenne

function calculerMoyenne(notes) {
    let somme = 0;
    for (let i = 0; i < notes.length; i++) {
        somme += notes[i];
    }
    return somme / notes.length;
}

const notesClasseA = [15, 18, 12, 16, 14];
const moyenneClasseA = calculerMoyenne(notesClasseA);

const notesClasseB = [17, 19, 20, 16, 18];
const moyenneClasseB = calculerMoyenne(notesClasseB);

b. Exemple de factorisation de code avec une fonction pour afficher un message

function afficherMessage(message) {
    console.log("Message : " + message);
}

afficherMessage("Bonjour !");
afficherMessage("Bienvenue sur notre site !");

Conclusion

Dans ce chapitre, nous avons exploré les fonctions utilisateur, leur rôle dans la programmation et les avantages de leur utilisation. Nous avons également présenté les deux notations pour déclarer des fonctions, suivi d'exemples de fonctions simples et de la factorisation de code avec des fonctions utilisateur. Les fonctions utilisateur sont un outil puissant pour organiser et réutiliser du code, ce qui contribue à la création de programmes plus efficaces et plus maintenables.

Exercices

Exercice 1 :

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

const x = 3;
const y = 5;
const z = calculerSomme(x, y);
console.log(z);

Quelle est la valeur affichée dans la console après l'exécution du programme ?

Exercice 2 :

function trouverCarre(nombre) {
    return nombre * nombre;
}

const a = 4;
const b = trouverCarre(a);
console.log(b);

Quelle est la valeur affichée dans la console après l'exécution du programme ?

Exercice 3 :

function estPair(nombre) {
    if (nombre % 2 === 0) {
        return true;
    } else {
        return false;
    }
}

const x = 7;
const y = estPair(x);
console.log(y);

Quelle est la valeur affichée dans la console après l'exécution du programme ?

Exercice 4 :

function calculerMoyenne(notes) {
    let somme = 0;
    for (let i = 0; i < notes.length; i++) {
        somme += notes[i];
    }
    return somme / notes.length;
}

const notesClasseA = [15, 18, 12, 16, 14];
const moyenneClasseA = calculerMoyenne(notesClasseA);
console.log(moyenneClasseA);

Quelle est la valeur affichée dans la console après l'exécution du programme ?

Exercice 5 :

function afficherMessage(message) {
    console.log("Message : " + message);
}

afficherMessage("Bonjour !");
afficherMessage("Bienvenue sur notre site !");

Combien de messages seront affichés dans la console après l'exécution du programme ?

Sources

• Functions — reusable blocks of code - Learn web development | MDN