Différence entre les fonctions en ligne et anonymes en javascript

JavaScript, les fonctions en ligne et anonymes sont principalement utilisées pour appliquer une fonctionnalité spécifique ou un événement sur une fonction particulière. En plus de cela, ils sont très utiles pour réduire la complexité du code et le rendre lisible. De plus, ces fonctions évitent la pollution de l'espace de noms et sont également pratiques pour accéder.

Cet article discutera des fonctions en ligne et anonymes et leurs différences dans JavaScript.

Fonctions en ligne et anonymes et leurs différences de javascript

Le "En ligne" et "Anonyme«Les fonctions sont presque les mêmes que les deux sont créées lors de l'exécution. La différence est que les fonctions en ligne sont stockées dans une variable spécifique qui n'est pas le cas dans les fonctions anonymes.

Maintenant, étudions chacun d'eux un par un!

Quelles sont les fonctions en ligne en javascript?

Les fonctions en ligne sont un type de fonction anonyme contenue dans une variable. Il est également créé en tant que fonction anonyme, puis contenu dans une variable spécifique.

Les exemples suivants développeront le concept déclaré en utilisant le «setTimeout ()" méthode.

Exemple: Utilisation de la fonction en ligne dans JavaScript

Premièrement, nous inclurons la rubrique dans le «

”Tag et alignez-le au centre en utilisant le«" étiqueter:

La fonction en ligne est stockée dans une variable

Ensuite, stockez la fonction spécifiée dans la variable nommée «inlinefunc". Dans sa définition de fonction, alertez le message suivant après le temps libre spécifié comme «2”SECONDES:

LET INLINEFUNC = fonction ()
alert («Ceci est une fonction en ligne»)
;
setTimeout (InlineFunc, 2000)

On peut observer que le message ajouté dans la fonction en ligne s'affiche dans la boîte d'alerte après deux secondes:

Exemple 2: Utilisation de la fonction de flèche en ligne dans JavaScript

Tout d'abord, nous ajouterons une rubrique comme discuté dans l'exemple précédent:

La fonction de flèche en ligne est stockée dans une variable

Ensuite, appliquez la fonction de flèche et stockez-la de la même manière dans la variable nommée «inlinefunc". Appliquez également le «setTimeout ()”Méthode pour afficher le message correspondant après l'heure indiquée:

Selt inLineFunc = () => alert ('Ceci est une fonction de flèche en ligne');
setTimeout (InlineFunc, 2000)

Sortir

Quelles sont les fonctions anonymes en javascript?

Les fonctions anonymes JavaScript sont déclarées sans aucun identifiant nommé, comme son nom l'indique.

Exemple: Utilisation de la fonction anonyme en javascript

Nous inclurons le titre suivant au centre en utilisant les balises discutées dans les exemples précédents:

La fonction anonyme est définie sans aucun identifiant de nom

Après cela, appliquez le «setTimeout ()”Méthode à la fonction anonyme (sans nom). Améliorez également le message suivant après l'heure définie qui est de deux secondes:

setTimeout (function ()
alert («c'est une fonction anonyme»)
, 2000);

Sortir

Exemple: Utilisation de la fonction de flèche anonyme en javascript

Comme discuté dans les méthodes précédentes, nous ajouterons une rubrique en utilisant le

Tag et alignez-le au centre:

La fonction de flèche anonyme est définie sans aucun identifiant de nom

Ensuite, appliquez le «setTimeout ()”Méthode à la fonction de flèche anonyme ayant le temps libre spécifié:

setTimeout (() => alert («Ceci est une fonction de flèche anonyme»), 2000);

Sortir

Nous avons discuté des exemples pour implémenter les fonctions en ligne et flèche en JavaScript.

Conclusion

En JavaScript, les fonctions en ligne et anonymes sont différentes de telle manière que les fonctions en ligne sont un type de fonction anonyme qui est stockée dans une variable spécifique, tandis que la fonction anonyme est une fonction sans aucun nom. Les deux fonctions peuvent être créées à l'exécution. Ce manuel a guidé les fonctions en ligne et anonymes et leurs différences en JavaScript.