JS

Fonctions anonymes et fonctions fléchées

Fonctions Anonymes et Fonctions Fléchées en JavaScript


1. Fonctions Anonymes :


Une fonction anonyme est une fonction définie sans nom. Elles sont souvent utilisées comme fonctions de rappel (callback) ou comme expressions de fonction.


Exemple de Fonction Anonyme :


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

maFonction(); // Appel de la fonction anonyme


2. Fonctions de Rappel avec Fonctions Anonymes :


Les fonctions anonymes sont souvent utilisées comme fonctions de rappel dans des méthodes telles que forEach, map, filter, etc.


Exemple de Fonction de Rappel avec Fonction Anonyme :


let nombres = [1, 2, 3, 4, 5];

nombres.forEach(function(nombre) {
    console.log(nombre * 2);
});


3. Fonctions Fléchées :


Les fonctions fléchées sont une syntaxe plus concise pour définir des fonctions en JavaScript. Elles offrent une syntaxe plus courte et évitent la confusion liée au contexte de this.


Exemple de Fonction Fléchée :


let maFonction = () => {
    console.log("Ceci est une fonction fléchée.");
};

maFonction(); // Appel de la fonction fléchée


4. Utilisation de Fonctions Fléchées :


Les fonctions fléchées sont souvent utilisées pour des fonctions simples qui ne nécessitent pas de déclaration de this, arguments, super, ou new.target.


Exemple d'Utilisation de Fonctions Fléchées :


let nombres = [1, 2, 3, 4, 5];

let doubles = nombres.map(nombre => nombre * 2);
console.log(doubles); // Affiche [2, 4, 6, 8, 10]


5. Différences avec les Fonctions Traditionnelles :


  • Les fonctions fléchées n'ont pas leur propre this, elles utilisent le this du contexte lexical.
  • Les fonctions fléchées ne sont pas appropriées pour les méthodes d'objet, car elles n'ont pas de this lié.
  • Les fonctions fléchées ne peuvent pas être utilisées comme constructeurs et ne possèdent pas de propriétés telles que prototype.


En résumé, les fonctions anonymes et les fonctions fléchées sont des outils puissants en JavaScript pour définir des fonctions de manière concise et fonctionnelle. Comprendre comment les utiliser vous permettra d'écrire un code plus clair et plus expressif dans vos programmes JavaScript.

659 vues
Posté le 22 mars 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
3 709 vues
Twitter Cards
Les Twitter Cards sont des protocoles qui vous permettent d’attacher des photos, des vidéos et autres médias interactifs à vos tweets afin d’amener...
Créer son site
5 745 vues
Créer son blog
Développer son Blog de A à ZAprès avoir terminer les articles pour développer votre Forum de A à Z maintenant nous allons nous attaquer à la création d'un blog complet !Pour...
Créer son site
810 vues
Variables et types de données
Variables et Types de Données en JavaScript1. Variables :Une variable en JavaScript est un conteneur pour stocker des données. Vous pouvez utiliser des variables pour stocker différentes valeurs...
JS
3 136 vues
Se connecter en PHP
Nous allons dans cette vidéo créer un formulaire PHP afin de nous connecter à notre site web.Pour cela nous allons utiliser la combinaison mail + mot de passe afin de nous connecter.Nous allons...
Créer son site de rencontres
985 vues
Sélection d'éléments HTML
Sélection d'Éléments HTML en JavaScriptLa sélection d'éléments HTML est une opération fondamentale en JavaScript. Cela permet d'interagir avec les éléments de la page web, de modifier leur...
JS
19 838 vues
Créer un profil PHP
Après avoir créé notre page de connexion et notre page d'inscription il est temps de créer un profil pour votre utilisateur !La page profil permettra plusieurs choses ! D'éditer ses informations...
Créer son site
820 vues
Paramètres de fonction
Les paramètres de fonction en PHP permettent de passer des valeurs à une fonction pour qu'elle puisse effectuer des opérations sur ces valeurs. Voici un cours facile à comprendre sur les...
PHP
541 vues
Médias queries : rendre les pages Web réactives en fonction de la taille de l'écran
Media Queries : Rendre les Pages Web Réactives en Fonction de la Taille de l'ÉcranLes Media Queries sont une fonctionnalité de CSS qui permettent d'appliquer des styles en fonction des...
CSS
Publicité
Cette pub permet au site de vivre ...