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.

493 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
2 616 vues
Utilisation de PhpMyAdmin pour créer une nouvelle base de données
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Vous serez redirigé vers la page de connexion de...
SQL
467 vues
Retour de valeurs
Retour de Valeurs dans les Fonctions en JavaScriptLorsqu'une fonction est exécutée, elle peut renvoyer une valeur à l'endroit où elle a été appelée. Cette valeur peut être utilisée pour...
JS
410 vues
Vue d'ensemble de frameworks populaires comme React, Angular, et Vue.js
Vue d'ensemble des Frameworks Populaires : React, Angular et Vue.jsLes frameworks JavaScript tels que React, Angular et Vue.js sont largement utilisés pour le développement d'applications web...
JS
2 222 vues
Comprendre la syntaxe pour insérer des données dans des colonnes spécifiques ou dans toutes les colonnes
1. Insertion de Données dans Toutes les Colonnes :Pour insérer des données dans toutes les colonnes d'une table, voici la syntaxe générale :INSERT INTO nom_de_la_table VALUES (valeur_colonne1,...
SQL
3 525 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
2 600 vues
Comprendre les concepts de base
Comprendre les Concepts de BaseLorsqu'on commence à explorer MySQL, il est essentiel de comprendre les concepts de base qui constituent les fondations de ce système de gestion de base de données...
SQL
4 819 vues
Afficher la liste des articles
Mise en pagePour commencer nous allons créer la page maître de notre blog. C'est cette page qui contiendra tous les articles qui constituerons notre blog.Tout d'abord nous allons créer...
Créer son site
811 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
Publicité
Cette pub permet au site de vivre ...