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.

98 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
136 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
4 940 vues
Afficher la liste des catégories
Pour commencer nous allons créer la page maître de notre forum. C'est cette page qui contiendra les différentes catégories.Tout d'abord nous allons créer un dossier que nous...
Créer son site
127 vues
Comment ces propriétés affectent le positionnement et la mise en page des éléments
Impact des Propriétés de Marge, Bordure, Rembourrage, Largeur et Hauteur sur le Positionnement et la Mise en Page des ÉlémentsEn CSS, les propriétés de marge, bordure, rembourrage, largeur et...
CSS
220 vues
Introduction à CSS pour la mise en forme
Introduction à CSS pour la mise en formeCSS (Cascading Style Sheets) est un langage de feuilles de style utilisé pour définir la présentation visuelle des documents HTML. Il permet de contrôler...
HTML
167 vues
Déclaration de fonctions
Déclaration de Fonctions en JavaScriptEn JavaScript, les fonctions sont des blocs de code réutilisables qui peuvent être appelés pour effectuer une tâche spécifique. Elles peuvent prendre des...
JS
2 053 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
170 vues
Opérateurs arithmétiques (+, -, *, /, %)
Les opérateurs arithmétiques sont utilisés en PHP pour effectuer des opérations mathématiques sur des variables et des valeurs. Voici les opérateurs arithmétiques de base en PHP :1. Addition...
PHP
3 994 vues
Qu'est-ce que HTML ?
Cours sur HTML : Qu'est-ce que HTML ?HTML, ou HyperText Markup Language, est le langage de balisage standard utilisé pour créer des pages Web. Il fournit une structure de base pour organiser le...
HTML
Publicité
Cette pub permet au site de vivre ...