Aller au contenu principal

Fonctions anonymes

Plongée dans les fonctions anonymes

Notions théoriques​

Les fonctions anonymes, comme leur nom l'indique, sont des fonctions qui n'ont pas de nom.

Elles sont souvent utilisées :

  • comme arguments pour d'autres fonctions
  • ou comme valeurs de retour de certaines fonctions.

Elles sont particulièrement utiles lorsque vous avez besoin d'une fonction à usage unique.

Une fonction anonyme est définie (en utilisant la syntaxe de fonction ou la syntaxe de fonction fléchée) sans nom de fonction.

Par exemple :

function() {
  console.log("Ceci est une fonction anonyme");
}

ou

() => {
  console.log("Ceci est une fonction anonyme");
}

Ces fonctions n'ont pas de nom et ne peuvent donc pas être appelées directement.

Cependant, elles peuvent être utilisées là où une fonction est attendue, par exemple comme argument pour une autre fonction.

Exemple pratique​

Un exemple courant d'utilisation des fonctions anonymes est avec la méthode setTimeout, qui exécute une fonction après un certain délai.

Par exemple :

setTimeout(function() {
  console.log("Ceci est une fonction anonyme exécutée après 3 secondes");
}, 3000);

Dans cet exemple, la fonction anonyme est passée en tant qu'argument à setTimeout, et sera exécutée après 3 secondes.

Quelques méthodes à connaître​

  1. setTimeout(): Cette méthode appelle une fonction ou évalue une expression après un nombre spécifié de millisecondes.
  1. setInterval(): Cette méthode appelle une fonction ou évalue une expression à des intervalles spécifiés (en millisecondes).

    Elle continuera à appeler la fonction jusqu'à ce que clearInterval() soit appelée ou que la fenêtre soit fermée.

  1. getHours(): Cette méthode est utilisée pour obtenir l'heure d'une date, sous forme d'un nombre entier de 0 (minuit) à 23 (23h).

    Pour l'utiliser, nous devons d'abord créer une instance de l'objet Date.

    Par exemple : let date = new Date();. Ensuite nous pouvons obtenir l'heure actuelle en utilisant date.getHours();.

  1. getMinutes(): De la même manière, la méthode getMinutes() est utilisée pour obtenir les minutes d'une date, sous forme d'un nombre entier de 0 à 59.

    Nous pouvons obtenir les minutes actuelles en utilisant date.getMinutes();.

  1. getSeconds(): Enfin, la méthode getSeconds() est utilisée pour obtenir les secondes d'une date, sous forme d'un nombre entier de 0 à 59.

    Nous pouvons obtenir les secondes actuelles en utilisant date.getSeconds();.

Test de mémorisation/compréhension​


Où sont généralement utilisées les fonctions anonymes en JavaScript ?


Quelle est la syntaxe correcte pour une fonction anonyme en JavaScript ?


Quelle méthode appelle une fonction après un certain délai ?


Quelle méthode appelle une fonction à des intervalles spécifiés ?


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

Pour ce TP, vous allez créer une horloge numérique qui affiche l'heure actuelle et se met à jour toutes les secondes.

Pour cela, vous allez utiliser setInterval et une fonction anonyme.

setInterval(...);
Une solution