12.6 : Les fonctions en JavaScript

Dans ce chapitre, nous explorerons les fonctions en JavaScript, qui sont des blocs de code réutilisables conçus pour effectuer une tâche spécifique. Les fonctions jouent un rôle crucial dans la modularité et la réutilisabilité du code. Nous étudierons la syntaxe des fonctions, leurs différents types, ainsi que des exemples pratiques pour illustrer leur utilisation.

Définition d'une fonction

En JavaScript, une fonction est définie à l'aide du mot-clé function. Voici la syntaxe générale pour déclarer une fonction :

function nomDeLaFonction(paramètre1, paramètre2, ...) {
    // Instructions à l'intérieur de la fonction
}

• nomDeLaFonction : Le nom de la fonction qui permet de l'appeler lors de son utilisation.

• paramètre1, paramètre2, ... : Les paramètres de la fonction, qui sont des valeurs transmises à la fonction pour effectuer des opérations.

• Instructions à l'intérieur de la fonction : Les instructions à exécuter lorsque la fonction est appelée.

Types de fonctions

En JavaScript, il existe plusieurs types de fonctions, notamment :

1. Fonctions nommées : Les fonctions déclarées avec un nom explicite.

2. Fonctions anonymes : Les fonctions déclarées sans nom et souvent utilisées comme arguments pour d'autres fonctions.

3. Fonctions fléchées (arrow functions) : Une syntaxe concise pour définir des fonctions, introduite dans ECMAScript 6.

Exemple : Déclaration et appel d'une fonction

// Déclaration d'une fonction nommée
function saluer(nom) {
    return 'Bonjour, ' + nom + ' !'
}
 
// Appel de la fonction avec un argument
console.log(saluer('Alice')) // Affiche "Bonjour, Alice !"

• Commentaire : Dans cet exemple, nous définissons une fonction nommée saluer prenant un paramètre nom. À l'intérieur de la fonction, nous concaténons le nom avec une chaîne de caractères pour former le message de salutation. Ensuite, nous appelons la fonction en passant "Alice" comme argument, et le résultat est affiché avec console.log.

Voici quelques exemples supplémentaires de fonctions en JavaScript implémentant des opérations d'addition avec des constantes :

Exemple : Addition avec une constante fixe

function ajouterTrois(nombre) {
    const constante = 3
    return nombre + constante
}
 
console.log(ajouterTrois(5)) // Affiche 8 (5 + 3)

• Commentaire : Cette fonction ajouterTrois prend un nombre en entrée et ajoute une constante fixe de 3. En appelant ajouterTrois(5), le résultat sera 8 (5 + 3).

Exemple : Addition avec une constante définie en dehors de la fonction

const constante = 10
 
function ajouterConstante(nombre) {
    return nombre + constante
}
 
console.log(ajouterConstante(7)) // Affiche 17 (7 + 10)

• Commentaire : Ici, la fonction ajouterConstante utilise une constante définie en dehors de la fonction. En appelant ajouterConstante(7), le résultat sera 17 (7 + 10).

Exemple : Addition avec une constante calculée à partir d'une autre variable

function ajouterMultiple(nombre) {
    const multiplicateur = 5
    const resultat = nombre + multiplicateur * 2 // La constante est calculée à partir de la variable 'multiplicateur'
    return resultat
}
 
console.log(ajouterMultiple(4)) // Affiche 14 (4 + (5 * 2))

• Commentaire : Dans ce cas, la fonction ajouterMultiple utilise une constante calculée à partir d'une autre variable (multiplicateur). La constante est déterminée comme étant le double de multiplicateur. En appelant ajouterMultiple(4), le résultat sera 14 (4 + (5 * 2)).

En utilisant des constantes dans vos fonctions, vous pouvez rendre votre code plus modulaire et plus facile à maintenir, en définissant des valeurs qui restent constantes tout au long de l'exécution du programme.

Conclusion

Les fonctions sont des éléments fondamentaux de la programmation en JavaScript, offrant une manière efficace de réutiliser du code et de rendre celui-ci plus modulaire et plus lisible. En comprenant la syntaxe des fonctions, leurs différents types et en pratiquant avec des exemples variés, vous serez en mesure d'écrire un code plus structuré et plus facilement maintenable.