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.

367 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
8 659 vues
Barre de recherche : Complète
Barre de rechercheMaintenant que notre formulaire et que notre script sont fait, nous allons créer une nouvelle page PHP que l'on nommera recherche_utilisateur.php.Dans cette page...
Créer son site
2 078 vues
Création de tables avec PhpMyAdmin
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
587 vues
Tableaux indexés
Les tableaux indexés en PHP sont des structures de données qui permettent de stocker plusieurs valeurs dans une seule variable. Chaque valeur est associée à un indice numérique, à partir de...
PHP
4 045 vues
Utilisation des balises <h1> à <h6> pour les titres
Utilisation des balises <h1> à <h6> pour les titresLes balises <h1> à <h6> sont utilisées pour définir les niveaux de titre dans une page HTML. Elles vont du titre le plus...
HTML
425 vues
Passage de paramètres
Passage de Paramètres dans les Fonctions en JavaScriptLorsque vous appelez une fonction en JavaScript, vous pouvez lui transmettre des valeurs en utilisant des paramètres. Ces paramètres sont des...
JS
2 116 vues
Afficher et envoyer les messages
Dans cette nouvelle vidéo nous allons afficher les messages entre vous et un autre utilisateur.Nous allons également créer un formulaire afin d'envoyer de nouveaux messages à l'utilisateur avec...
Créer son site de rencontres
887 vues
Flexbox : créer des mises en page flexibles et responsives
Flexbox : Créer des Mises en Page Flexibles et ResponsivesFlexbox est une méthode de disposition en CSS qui permet de créer des mises en page flexibles et responsives. Il offre un contrôle...
CSS
2 193 vues
Nesting : Organiser le code CSS en utilisant le nesting pour des sélecteurs imbriqués
Nesting en SASS : Organiser le code CSS avec des sélecteurs imbriqués1. Utilisation du nesting :En SASS, vous pouvez organiser votre code CSS en utilisant le nesting pour des sélecteurs...
Sass
Publicité
Cette pub permet au site de vivre ...