Traduit en : Français Afficher l'original Options ▼

DSA avec JS - À votre rythme Tutoriel JS Exercice JS Questions d’entretien JS Tableau JS Cha

Fonctions anonymes JavaScript

Dernière mise à jour : 20 août 2024
En JavaScript, les fonctions sont des éléments de premier ordre, ce qui
signifie qu’elles peuvent être traitées comme des valeurs et transmises
comme n’importe quelle autre variable. L’un des concepts clés liés à
cela est celui des fonctions anonymes. Dans cet article, nous allons
découvrir ce que sont les fonctions anonymes, comment elles
fonctionnent et comment elles peuvent être créées en utilisant à la fois
la syntaxe de fonction traditionnelle et la syntaxe de fonction fléchée
moderne.

Que sont les fonctions anonymes ?

Une fonction anonyme est simplement une fonction qui n’a pas de
nom . Contrairement aux fonctions nommées, qui sont déclarées avec
un nom pour une référence facile, les fonctions anonymes sont
généralement créées pour des tâches spécifiques et sont souvent
affectées à des variables ou utilisées comme arguments pour d’autres
fonctions.

En JavaScript, vous utilisez normalement le mot clé function suivi

d’un nom pour déclarer une fonction. Cependant, dans une fonction
anonyme, le nom est omis . Ces fonctions sont souvent utilisées dans
des situations où vous n’avez pas besoin de réutiliser la fonction en
dehors de son contexte immédiat.

Syntaxe

La syntaxe éclairée ci-dessous illustre la déclaration d’une fonction

anonyme en utilisant la déclaration normale :

fonction() {
 // Corps de la fonction

Nous pouvons également déclarer une fonction anonyme en utilisant

la technique de la fonction fléchée qui est illustrée ci-dessous :

( () => {
// Corps de la fonction...
} )();

Les exemples ci-dessous illustrent des fonctions anonymes.

Exemple 1 : Dans cet exemple, nous définissons une fonction

anonyme qui imprime un message sur la console. La fonction est
ensuite stockée dans la variable greet . Nous pouvons appeler la
fonction en appelant greet().

Javascript

<script>
var greet = function () {
console.log("Welcome to GeeksforGeeks!");
};

greet();
</script>

Sortir :

Bienvenue sur GeeksforGeeks !

Exemple 2 : Dans cet exemple, nous passons des arguments à la

fonction anonyme.

Javascript

<script>
var greet = function (platform) {
console.log("Welcome to ", platform);
};
 greet("GeeksforGeeks!");
</script>

Sortir :

Bienvenue sur GeeksforGeeks !

Comme JavaScript prend en charge les fonctions d’ordre supérieur,

nous pouvons également transmettre des fonctions anonymes en tant
que paramètres dans une autre fonction.

Exemple 3 : Dans cet exemple, nous transmettons une fonction

anonyme en tant que fonction de rappel à la méthode setTimeout() .
Cette fonction anonyme est exécutée 2 000 ms plus tard.

Javascript

<script>
setTimeout(function () {
console.log("Welcome to GeeksforGeeks!");
}, 2000);
</script>

Sortir :

Bienvenue sur GeeksforGeeks !

Fonctions anonymes auto-exécutables

Une autre utilisation courante des fonctions anonymes est la création
de fonctions auto-exécutables (également appelées IIFE – Expressions
de fonctions immédiatement invoquées). Ces fonctions s’exécutent
immédiatement après leur définition.

Exemple 4 : Dans cet exemple, nous avons créé une fonction auto-
exécutable.

JavaScript
 <script>
(function () {
console.log("Welcome to GeeksforGeeks!");
})();
</script>

Sortir:

Bienvenue sur GeeksforGeeks !

Fonctions fléchées

ES6 introduced a new and shorter way of declaring an anonymous

function, which is known as Arrow Functions. In an Arrow function,
everything remains the same, except here we don’t need the function
keyword also. Here, we define the function by a single parenthesis and
then ‘=>’ followed by the function body.

Example 5: In this example, we will see the use of arrow function.

JavaScript

<script>
var greet = () =>
{
console.log("Welcome to GeeksforGeeks!");
}

greet();
</script>

Output:

Welcome to GeeksforGeeks!

If we have only a single statement in the function body, we can even

remove the curly braces.
Example 6: In this example, we create a self-executing function.

JavaScript

<script>
let greet = () => console.log("Welcome to GeeksforGeeks!");
greet();
</script>

Output:

Welcome to Geeksforgeeks!

Example 7: In this example, we will declare a self-executing

anonymous function (without the name itself) and will see how we
may declare it as well as how we may call it in order to print the
resultant value.

JavaScript

<script>
(() => {
console.log("GeeksforGeeks");
})();
</script>

Output:

GeeksforGeeks

Want to be a Software Developer or a Working Professional looking to

enhance your Software Development Skills? Then, master the
concepts of Full-Stack Development. Our Full Stack Development -
React and Node.js Course will help you achieve this quickly. Learn
everything from Front-End to Back-End Development with hands-on
Projects and real-world examples. This course enables you to build
 j p y
scalable, efficient, dynamic web applications that stand out. Ready to
become an expert in Full-Stack? Enroll Now and Start Creating the
Future!

argha… 48

Next Article
TypeScript Anonymous Functions
Type

Similar Reads
What is a typical use case for anonymous functions in JavaScript ?
In this article, we will try to understand what exactly an Anonymous
function is, and how we could declare it using the syntax provided in…
4 min read

Difference between Anonymous and Named functions in JavaScript

In JavaScript or in any programming language per say, functions, loops,
mathematical operators and variables are the most widely used tools.…
4 min read

TypeScript Anonymous Functions Type

In TypeScript, an Anonymous Function Type defines a function without a
specific name, specifying parameters and return types. This allows for…
3 min read

Project Idea | Anonymous Message Prank Game in PHP

Dans cet article, nous allons apprendre les concepts de base de
données, comment créer un jeu simple en utilisant PHP et MySQL,…
9 minutes de lecture

Qu'est-ce qu'une fonction anonyme en PHP ?

 Les fonctions anonymes, également appelées fermetures, sont des
fonctions en PHP qui n'ont pas de nom spécifique et peuvent être…
1 min de lecture

Authentification anonyme dans Firebase à l'aide de React JS

Cette méthode explique comment se connecter sans révéler votre
identité en utilisant Firebase dans une application React. C'est comme…
3 minutes de lecture

Différence entre les fonctions régulières et les fonctions fléchées

Cet article décrit les principales différences entre les fonctions régulières
et les fonctions fléchées. Les fonctions fléchées, une nouvelle…
2 min de lecture

Cours JavaScript Fonctions en JavaScript

Les fonctions Javascript sont des blocs de code qui sont principalement
utilisés pour exécuter une fonction particulière. Nous pouvons exécuter…
4 minutes de lecture

Découvrez le concept de portée de fonction JavaScript et les…

JavaScript est basé sur la programmation fonctionnelle. Par conséquent,
les fonctions sont des éléments fondamentaux de JavaScript. La fonctio…
10 min de lecture

Il faut utiliser les fonctions de tableau JavaScript – Partie 3

Articles précédents : Doit utiliser les fonctions de tableau JavaScript -
Partie 1 Doit utiliser les fonctions de tableau JavaScript - Partie 2 Dans…
5 minutes de lecture

Mots clés de l'article : JavaScript Technologies Web fonctions javascript

 Adresse de l'entreprise et des
communications : A-143, 9e étage,
Sovereign Corporate Tower, secteur 136,
Noida, Uttar Pradesh (201305) | Adresse
enregistrée : K 061, Tower K, Gulshan
Vivante Apartment, secteur 137, Noida,
Gautam Buddh Nagar, Uttar Pradesh,
201305

Entreprise Langues
À propos de nous Python
Légal Java
Dans les médias C++
Contactez-nous PHP
Faites de la publicité avec nous GoLang
Solution d'entreprise GFG SQL
Programme de formation en placement Langage R
Communauté GeeksforGeeks Tutoriel Android
Archives des tutoriels
 DSA Science des données et Machine learning
Structures de données Science des données avec Python
Algorithmes Science des données pour débutants
DSA pour les débutants Apprentissage automatique
Problèmes DSA de base Mathématiques ML
Feuille de route DSA Visualisation des données
Top 100 des problèmes d'entretien DSA Pandas
Feuille de route DSA par Sandeep Jain Numpy
Toutes les aide-mémoire PNL
Apprentissage profond

Technologies Web Tutoriel Python

HTML Exemples de programmation Python
CSS Projets Python
JavaScript Python Tkinter
Manuscrit Grattage Web
ReactJS Tutoriel OpenCV
SuivantJS Question d'entretien Python
Amorçage Django
Conception de sites Web

L'informatique DevOps
Systèmes d'exploitation Git
Réseau informatique Linux
Système de gestion de base de données AWS
Ingénierie logicielle Docker
Conception de la logique numérique Kubernetes
Mathématiques de l'ingénierie Azuré
Développement de logiciels BPC
Tests de logiciels Feuille de route DevOps

Conception du système Préparation à l'entretien

Conception de haut niveau Programmation compétitive
Conception de bas niveau Top DS ou Algo pour CP
Diagrammes UML Processus de recrutement adapté à l'entreprise
Guide d'entretien Préparation adaptée à l'entreprise
Modèles de conception Préparation aux aptitudes
OOAAD Casse-têtes
Bootcamp sur la conception de systèmes
Questions d'entretien

Matières scolaires Vidéos de GeeksforGeeks

Mathématiques DSA
Physique Python
Chimie Java
Biologie C++
Sciences sociales Développement Web
Grammaire anglaise Science des données
 Commerce Matières d'informatique

Gardien de but mondial

@GeeksforGeeks, Sanchhaya Education Private Limited , Tous droits réservés