Fonctions auto-évacuées en javascript

JavaScript offre diverses fonctionnalités utiles à ses utilisateurs et le Fonction d'auto-évoquant est l'un d'eux. Vous n'avez peut-être pas entendu le terme «auto-agitant» auparavant; Cependant, vous l'avez utilisé sans le savoir dans l'un de vos programmes JavaScript quotidiens.

Les fonctions d'auto-évoquant en JavaScript sont les fonctions anonymes auto-exécutantes qui sont appelées après leur définition. Ces fonctions JavaScript peuvent s'exécuter immédiatement lorsqu'ils sont suivis par l'ensemble des parenthèses ().

Cet article discutera des fonctions auto-évoquant, de la syntaxe et de leur travail en javascript. De plus, nous démontrerons également la différence entre les fonctions JavaScript normales et auto-évacuées en termes de structure de syntaxe et de travail. Alors, commençons!

Quelles sont les fonctions d'auto-évoquant en JavaScript

En JavaScript, un «Auto-évoquant«La fonction est un type de fonction invoqué ou appelé automatiquement après sa définition. L'exécution d'une telle fonction anonyme se fait en l'enfermant dans un ensemble de parenthèses suivi d'un autre ensemble de parenthèses.

Différentes tâches d'initialisation peuvent profiter de l'utilisation des fonctions auto-évoquant. Par exemple, les fonctions auto-évoquant peuvent être un outil fantastique pour attacher les auditeurs d'événements aux éléments DOM d'une page Web. Ces fonctions ne peuvent fonctionner qu'une seule fois, de sorte qu'elles ne remplissent pas toutes sortes de caillé dans l'espace de noms global qui durera selon la vie de la page Web.

Comment fonctionnent les fonctions auto-évoquant en JavaScript

Comme les fonctions auto-évoquant sont définies de manière anonyme en JavaScript, il n'y a pas de variables locales ou globales à l'exception des déclarations dans le corps des fonctions. Lorsque vous initialisez une fonction auto-évoquant, il s'exécute immédiatement et peut être exécuté une fois. Aucune référence ne sera enregistrée pour la fonction auto-évoquant, y compris la valeur de retour.

Les fonctions JavaScript auto-évoquant sont principalement utilisées pour les variables de portée en JavaScript. Parce que ces fonctions sont anonymes, leur expression supplémentaire est invoquée sans aucune fermeture de l'identifiant ou modification de la portée.

Syntaxe des fonctions auto-évoquant en JavaScript

Maintenant, vérifions la syntaxe des fonctions auto-évoquant en JavaScript:

(fonction (paramètres)
// corps de la fonction
)(arguments);

Ici le "arguments«Les références d'objets globales sont-elles transmises à la fonction auto-évoquant. Les variables que vous définissez dans le corps de votre fonction d'auto-évoquant ne sont accessibles que dans la même fonction.

Exemple: utiliser des fonctions auto-évoquant en JavaScript

Dans l'exemple suivant, nous définirons une fonction auto-évoquant qui imprime «Salut! Je m'appelle«Dès que le code de définition de la fonction est exécuté. Notez que nous n'avons pas à appeler nous-mêmes la fonction auto-évoquante définie:

Fonctions d'auto-évoquant

Vous pouvez exécuter ce qui précède dans votre éditeur de code préféré ou tout autre bac à sable codant en ligne; Cependant, nous utiliserons le JSBIN à des fins de démonstration:

Maintenant, consultez la sortie générée par la fonction d'auto-évoquant définie:

Exemple2: différence entre la fonction auto-évoquant et la fonction normale

Si vous êtes un débutant JavaScript, alors à ce stade, vous pourriez être confus entre la syntaxe et les fonctionnalités d'une fonction normale et une fonction auto-évoquante. Pas de soucis! Cette section vous aidera à cet égard.

La première et la différence fondamentale entre la fonction auto-évoquant et la fonction normale est que vous devez définir un nom propre pour une fonction normale en JavaScript, puis l'appeler par son nom spécifique, tandis que les fonctions auto-impatientes sont définies de manière anonyme et invoqué automatiquement.

Par exemple, pour définir une fonction normale en JavaScript, nous suivrons la syntaxe divisée ci-dessous:

fonction functionname ()

// corps de la fonction
;

Pour appeler la fonction définie quelque part dans votre code JavaScript, vous devez utiliser le nom de la fonction:

functionName ();

Maintenant, dans le code ci-dessous, nous avons défini une normale «TestFunc ()”Fonction qui imprimera le"C'est Linuxhint.com”String après l'avoir appelé dans le code:

Fonctions normales en javascript

Voici la sortie que nous avons obtenue de l'exécution du code donné ci-dessus:

Maintenant, nous définirons une fonction auto-évoquant qui sortira également la même chaîne que la fonction normale a fait. Pour ce faire, écrivez le code suivant et démarrez l'exécution:

Fonctions auto-évacuées en javascript

La sortie déclare que la fonction JavaScript auto-évoquante a été exécutée avec succès sans être appelée dans le programme:

Conclusion

Auto-évoquant La fonction est un type de fonction invoqué ou appelé automatiquement après sa définition lorsqu'il est suivi de l'ensemble entre parenthèses () et principalement utilisé pour les tâches d'initialisation. Cet article a démontré la syntaxe et l'utilisation des fonctions auto-évoquant en JavaScript pour envelopper le code à l'intérieur d'une portée de fonction. De plus, la différence entre les fonctions normales et les fonctions auto-évoquant en JavaScript est également démontrée à l'aide de certains exemples.