2.8 Les Types de Fonctions

Dans la vidéo précédente, nos concaténations sur la ligne 3 ('Bonjour ' + name + ' ' + lastName) n'étaient pas particulièrement propres. Plus tard dans le cours, nous verrons comment utiliser les templates de chaînes pour nettoyer ce style d'écriture. Pour l'instant, mettons cela de côté et regardons un autre type de fonction. La précédente effectuait une tâche : afficher quelque chose sur la console. Mais une fonction peut aussi calculer et renvoyer une valeur, c'est même son rôle le plus puissant.

Voici un exemple de fonction qui calcule le carré d'un nombre :

function carre(number) {
    return number * number;
}

let nombre = carre(2);
console.log(nombre); // 4

Le mot-clé return permet de renvoyer la valeur calculée à l'appelant. C'est un mot réservé : vous ne pouvez pas créer une variable nommée return. La valeur retournée peut ensuite servir à initialiser une variable comme ici, ou être utilisée directement.

Appels de fonctions imbriqués

Si tout ce que vous voulez faire est d'afficher le carré de 2, vous n'avez pas besoin de déclarer une variable intermédiaire. Vous pouvez passer l'appel carre(2) directement à console.log :

console.log(carre(2)); // 4

Combien d'appels de fonction y a-t-il dans cette ligne ? Il y en a deux : carre(2) et console.log(...). Les parenthèses indiquent à chaque fois un appel. Le moteur JavaScript évalue d'abord l'argument intérieur, obtient une valeur, puis la transmet à la fonction extérieure. Un argument peut être une simple chaîne comme 'bonjour', un nombre, ou même une expression contenant un autre appel de fonction.

Retenez l'essentiel : une fonction est un ensemble d'instructions qui exécute une tâche, calcule et renvoie une valeur. Une application réelle est essentiellement une collection de centaines, voire de milliers de fonctions qui travaillent ensemble pour fournir les fonctionnalités attendues. La prochaine section nous emmènera vers les différents opérateurs en JavaScript.

En résumé

Cette leçon explore les deux catégories de fonctions JavaScript : celles qui effectuent une tâche (en affichant quelque chose sur la console) et celles qui retournent une valeur calculée. L'exemple de la fonction carré illustre comment utiliser le mot-clé return pour communiquer un résultat à la fonction appelante. Une application réelle fonctionne grâce à la collaboration de centaines ou milliers de fonctions travaillant ensemble pour créer les fonctionnalités du programme.

Points clés

Il existe deux types principaux de fonctions : celles qui exécutent une tâche et celles qui calculent et retournent une valeur
Le mot-clé return est utilisé pour renvoyer une valeur depuis une fonction vers le code qui l'a appelée
Les appels de fonction peuvent être imbriqués : on peut passer le résultat d'une fonction directement en argument d'une autre
Chaque utilisation de parenthèses ( ) représente un appel de fonction, y compris console.log()
Une fonction est un ensemble d'instructions qui exécute une tâche ou effectue un calcul réutilisable

Questions fréquentes

Quelle est la différence entre une fonction qui effectue une tâche et une fonction qui retourne une valeur ?

Une fonction qui effectue une tâche exécute des instructions sans nécessairement retourner une valeur (comme afficher sur la console), tandis qu'une fonction qui retourne une valeur utilise le mot-clé return pour communiquer un résultat calculé au code appelant.

À quoi sert le mot-clé return ?

Le mot-clé return permet de renvoyer une valeur de la fonction vers le code qui l'a appelée, permettant ainsi au programme d'utiliser cette valeur pour initialiser une variable ou la passer directement en argument d'une autre fonction.

Combien d'appels de fonctions y a-t-il dans console.log(square(2)) ?

Il y a deux appels de fonctions : square(2) qui calcule et retourne la valeur, et console.log() qui est également une fonction qui affiche le résultat sur la console.