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.

712 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 266 vues
Comment faire connaitre son site ?
L'un des derniers points qui n'est pas sans conséquence est la promotion de son site après l'avoir mis en ligne sur un hébergeur (OVH, 1and1, Hostinger, etc.).L'une des questions que...
Créer son site
1 066 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
2 244 vues
Configurer l'environnement de développement
Configuration de l'environnement de développement pour SASS1. Création d'une structure de projet :Avant de commencer à coder en SASS, il est important d'avoir une structure de projet organisée....
Sass
1 659 vues
Afficher plus de conversation
Dans cette avant-dernière vidéo sur la création d’une messagerie interne nous allons personnaliser rapidement la page pour afficher les conversations et nous allons également corriger /...
Créer son site de rencontres
3 201 vues
Mettre son site en ligne
Maintenant que vous avez développé votre propre site il est temps qu'il prenne son envole afin d'atterrir dans nos navigateurs (ex : google, bing, etc.) 😁👌Donc à partir de maintenant vous...
Créer son site
1 188 vues
Installation de PHP sur votre système (XAMPP, WAMP, MAMP, etc.)
Introduction à l'installation de PHPAvant de commencer à programmer en PHP, il est nécessaire d'installer PHP sur votre système local. Voici quelques-unes des méthodes courantes pour installer...
PHP
1 075 vues
Création d'un fichier .htaccess
Le fichier .htaccess est un élément important pour configurer et personnaliser un site web sur un serveur Apache. Dans ce cours, nous allons apprendre comment créer un fichier .htaccess de...
HTACCESS
1 523 vues
Inline CSS : l'ajout de styles directement dans les balises HTML
Inline CSS : L'ajout de styles directement dans les balises HTMLL'Inline CSS est une méthode de stylisation où les styles sont appliqués directement à un élément HTML via l'attribut style. Cela...
CSS
Publicité
Cette pub permet au site de vivre ...