Aller au contenu principal

Fonctions et fonctions flèchées

Notions théoriques​

Dans cette séance, nous allons explorer un concept fondamental de la programmation : les fonctions. En JavaScript, une fonction est un bloc de code conçu pour effectuer une tâche particulière. Une fonction est exécutée lorsque quelque chose l'invoque (l'appelle).

Pour déclarer une fonction en JavaScript, nous utilisons le mot-clé function suivi du nom de la fonction, puis des parenthèses () qui peuvent contenir des paramètres. Le code de la fonction est écrit entre accolades {}. Voici un exemple :

function direBonjour() {
  console.log("Bonjour !");
}

Cette fonction, lorsqu'elle est appelée, affiche "Bonjour !" dans la console.

Une autre façon de déclarer des fonctions en JavaScript est d'utiliser des fonctions fléchées. Les fonctions fléchées sont une syntaxe plus courte pour écrire des fonctions. Voici comment nous pourrions réécrire la fonction direBonjour en utilisant une fonction fléchée :

const direBonjour = () => {
  console.log("Bonjour !");
}

Les fonctions fléchées sont particulièrement utiles lorsqu'on travaille avec des fonctions qui prennent d'autres fonctions en argument, comme c'est souvent le cas en JavaScript.

Exemple pratique​

Considérons un exemple pratique. Supposons que nous voulons écrire une fonction qui prend deux nombres en argument et renvoie leur somme. Voici comment nous pourrions le faire :

function ajouter(n1, n2) {
  return n1 + n2;
}

console.log(ajouter(5, 3));  // Affiche 8

Et voici comment nous pourrions écrire la même fonction en utilisant une fonction fléchée :

const ajouter = (n1, n2) => {
  return n1 + n2;
}

console.log(ajouter(5, 3));  // Affiche 8
remarque

Une fonction fléchée peut avoir un nom, mais d'une manière un peu différente des fonctions traditionnelles.

Une fonction fléchée peut être stockée dans une variable, et c'est cette variable qui a un nom. Voici un exemple :

const maFonction = () => {
  console.log("Bonjour !");
}
maFonction();  // Affiche "Bonjour !"

Dans cet exemple, maFonction est le nom de la variable qui contient la fonction fléchée. On peut ensuite appeler la fonction en utilisant ce nom de variable.

Quelques méthodes à connaître​

Dans cette séance, nous avons utilisé les méthodes console.log() et return.

  1. parseInt() et parseFloat(): Ces méthodes transforment une chaîne de caractères en un nombre entier ou à virgule flottante, respectivement. Par exemple, parseInt("123") renvoie le nombre 123.
  1. isNaN(): Cette fonction détermine si une valeur est NaN (Not a Number).

    C'est utile pour vérifier si une opération mathématique a échoué.

Test de mémorisation/compréhension​


Quel mot-clé est utilisé pour déclarer une fonction en JavaScript ?


Comment appeler une fonction nommée 'direBonjour' en JavaScript ?


Quelle est la syntaxe correcte pour une fonction fléchée qui ne prend pas de paramètres ?


Quelle est la valeur retournée par une fonction qui ne contient pas d'instruction 'return' ?


Quelle est la différence entre une fonction nommée et une fonction fléchée ?


TP pour réfléchir et résoudre des problèmes​

Votre mission consiste à créer une fonction calculerAge qui prend en argument une année de naissance et retourne l'âge de la personne née cette année.

Vous pouvez obtenir l'année actuelle en utilisant new Date().getFullYear().

Testez votre fonction en appelant calculerAge(2000) et vérifiez qu'elle renvoie bien le bon âge.

function calculerAge(anneeNaissance) {
  ...
}

console.log(calculerAge(2000));  // Affiche l'âge de la personne née en 2000
Une solution