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

Dans cet article, vous comprendrez les différences entre les fonctions en ligne et anonymes en JavaScript et comment les utiliser dans le code.

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

Une fonction JavaScript en ligne est une fonction anonyme dans une variable. Elle est toujours appelée avec l’URL de la fonction anonyme.

Ils sont créés au moment de l’exécution et ne sont pas significatifs.

Les fonctions anonymes et en ligne sont presque identiques en ce sens qu’elles sont toutes deux produites au moment de l’exécution. D’autre part, une fonction inline est allouée à une variable et peut donc être réutilisée.

En ce sens, les fonctions en ligne se comportent de la même manière que les fonctions normales.

Exemple de fonction en ligne :

var samelineFunc = function() {
  alert('inline function');
};
$('#inline_func_c').click(samelineFunc);

Exemple de fonction anonyme :

$('#anon_func_b').click(function() {
  alert('anonymous function');
});

Démo ici

Sortie 1 :

Lorsque vous exécutez le code ci-dessus, vous verrez quelque chose comme ceci :

Ici, vous pouvez voir deux boutons : Button_1 fonctionne comme une fonction anonyme et Button_2 fonctionne comme une fonction en ligne. Vous pouvez voir dans le code ci-dessus que nous pouvons appeler directement la fonction anonyme.

Sortie 2 :

D’autre part, vous pouvez voir une variable créée pour la fonction inline afin qu’elle puisse être utilisée n’importe où et à tout moment.