Comprendre les fonctions fléchées en JavaScript

En JavaScript, les fonctions fléchées sont une syntaxe plus courte pour écrire des fonctions. Ainsi, dans le quiz, l'option correcte pour déclarer une fonction fléchée en JavaScript est () => {}.

Par rapport aux expressions de fonction traditionnelles, les fonctions fléchées offrent plusieurs avantages. Elles nécessitent moins de mots-clés et de ponctuation, ce qui rend votre code plus propre et plus facile à lire.

Voici un exemple simple de fonction fléchée en JavaScript :

let maFonction = () => {
  console.log("Bonjour le monde");
};

maFonction(); // Affiche "Bonjour le monde" dans la console

Dans cet exemple, maFonction est une fonction fléchée qui affiche "Bonjour le monde" lorsqu'elle est appelée.

Les fonctions fléchées peuvent également accepter des arguments. Par exemple :

let ajouter = (a, b) => a + b;

console.log(ajouter(1, 2)); // Affiche "3" dans la console

Dans cet exemple, la fonction ajouter accepte deux arguments et renvoie leur somme. Notez que lorsque le corps de la fonction contient une seule instruction qui renvoie une valeur, vous pouvez omettre les accolades et le mot-clé return.

Il convient de noter que les fonctions fléchées ont également une caractéristique importante appelée capture de this lexicale. C'est-à-dire qu'elles n'ont pas leur propre this et qu'elles héritent du this de leur scope parent. Cela peut être très utile dans certains cas, par exemple lors de l'utilisation de méthodes de rappel.

Donc pour résumer, la manière correcte de déclarer une fonction fléchée en JavaScript est (paramètres) => { corps de la fonction }. La syntaxe est plus courte, plus propre et offre une caractéristique utile de capture lexicale de this. C'est donc une pratique courante et recommandée d'utiliser des fonctions fléchées en JavaScript lorsque cela est possible.