Qu'est-ce qu'une fonction anonyme - JavaScript

Les fonctions sont des blocs de code avec des fonctionnalités réutilisables principalement appelées avec le nom qui lui est attribué pour exécuter certaines lignes de code. Mais en JavaScript, il existe un type particulier de fonctions sans aucun identifiant, appelé fonctions anonymes.

Anonyme signifie simplement sans aucune identification, ces fonctions anonymes en JavaScript ou d'autres langages de programmation sont déclarées sans nom ni identifiant. C'est la principale différence entre une fonction normale et une fonction anonyme. Dans cet article, nous discuterons des fonctions anonymes en javascript, leur syntaxe, comment elles sont déclarées et leur utilisation ainsi que des exemples pour votre meilleure compréhension.

Fonction anonyme

La plupart des fonctions sont déclarées avec un identifiant ainsi que le mot-clé «fonction» qui aide l'utilisateur à appeler facilement la fonction. Mais les fonctions anonymes ne sont déclarées qu'avec le mot clé de la fonction et aucun identifiant, et il n'est pas accessible après sa création et ne peut être accessible que via une variable dans laquelle la fonction est stockée comme une valeur. Ces fonctions anonymes peuvent avoir plusieurs arguments mais une seule expression, ce qui suit est la syntaxe des fonctions anonymes.

Syntaxe:

fonction()
// corps de la fonction

Comme nous pouvons le voir que la fonction n'a pas d'identificateur, il est donc impossible d'y accéder mais, l'utilisation d'une variable et le stockage de la fonction comme une valeur nous aidera à accéder facilement à la fonction, comme le montre l'exemple ci-dessous:

var bienvenue = fonction ()
console.journal ("Bienvenue sur notre site Web!");
;
accueillir();

Sortir:

Ici, dans cet exemple, nous avons simplement utilisé le mot-clé fonction () pour déclarer une fonction, puis l'avons stocké dans une variable appelée «Bienvenue». Ensuite, à travers cette variable, nous avons accédé à la fonction.

Utilisation des fonctions anonymes

Les fonctions anonymes sont faciles à déclarer et sont utilisées à plusieurs fins, dont certaines sont répertoriées ci-dessous:

Passer une fonction anonyme comme un argument à d'autres fonctions:

Les fonctions anonymes peuvent être utilisées pour passer comme argument à d'autres fonctions. Pour comprendre le concept, mieux examiner l'exemple ci-dessous:

setTimeout (function ()
console.log ('exécuter après une seconde')
, 100);

Ici, dans l'exemple ci-dessus, nous avons créé une fonction anonyme, puis transmis cette fonction à la fonction setTimeout () comme son argument, et la fonction exécutera le code des fonctions anonymes après une seconde. C'est l'une des fonctions et utilisation de la fonction anonyme

Sortir:

Exécution immédiate

Une autre raison d'utiliser des fonctions anonymes est lorsque vous souhaitez que le code dans la fonction soit exécuté immédiatement et qu'aucun appel n'est nécessaire. Vous trouverez ci-dessous un exemple d'appel immédiatement une fonction anonyme:

(fonction()
console.log («Bienvenue sur notre site Web»);
) ();

Sortir:

Ici, la fonction est immédiatement exécutée et fonctionne comme décrit ci-dessous:

Déclarez d'abord la fonction sans aucun identifiant comme nous le faisons normalement:

(fonction()
console.log («Bienvenue sur notre site Web»);
)

Maintenant, la fonction est déclarée mais elle ne s'exécutera pas, donc pour l'exécuter, nous utilisons la parenthèse de fuite "()"Qui sont suivis par le terminateur";«Cela exécutera le code ci-dessous:

(fonction()
console.log («Bienvenue sur notre site Web»);
) ();

Parfois, nous pouvons également transmettre des arguments dans la fonction anonyme comme indiqué ci-dessous par l'exemple donné:

Laissez user =
FirstName: 'Mark',
LastName: 'Jacob'
;
(fonction ()
console.log ('$ utilisateur.FirstName $ utilisateur.nom de famille');
)(utilisateur);

Sortir:

Fonctions flèches avec des fonctions anonymes

Les fonctions de flèche ont été introduites par ES6, qui fournissent un court moyen de déclarer des fonctions anonymes, ce qui réduit les lignes de codes et les rend plus facilement compréhensibles comme le montre l'exemple suivant:

Ces lignes de code:

LET Welcome = function ()
console.log («Bienvenue sur notre site Web»);
;
accueillir();

Peut être converti en lignes suivantes de code à l'aide de la fonction flèche:

Laissez Welcome = () => 'Bienvenue sur notre site Web';
accueillir();

Cela nous fournira la sortie ci-dessous, même si nous n'avons rien retourné mais par défaut, la fonction anonyme revient.

Sortir:

Conclusion

Les fonctions anonymes sont celles qui sont déclarées sans nom ni identifiant, et pour les exécuter, nous utilisons principalement une variable pour les stocker ou les parenthèses avec le terminateur «();» pour les exécuter immédiatement. Dans cet article, nous avons discuté des fonctions anonymes en JavaScript, leur syntaxe, leur déclaration et leur utilisation. Ils aident à exécuter immédiate du code et ont utilisé pour passer comme argument dans d'autres fonctions. Ces fonctions sont facilement déclarées et peuvent être utilisées lorsque nous voulons une exécution immédiate de notre code.