Comment attribuer une fonction à une variable dans JavaScript

Comment attribuer une fonction à une variable dans JavaScript
Les fonctions sont les composants de base de JavaScript. Une fonction dans JavaScript est une collection d'instructions qui exécute une action ou calcule une valeur. Il peut être facilement réutilisé en l'appelant simplement. En JavaScript, il existe trois types de fonctions, une fonction nommée, une fonction flèche et une fonction anonyme. En JavaScript, les fonctions anonymes et flèches sont affectées à une variable.

Ce billet de blog fournira un exemple JavaScript de la façon d'attribuer une fonction à une variable.

Comment attribuer une fonction à une variable dans JavaScript?

Il existe deux types de fonctions différents en JavaScript, qui seront utilisés en les affectant aux variables:

  • Attribuer une fonction anonyme à une variable
  • Attribuer une fonction flèche à une variable

Voyons comment attribuer ces types de fonction à une variable.

Attribuer une fonction anonyme à une variable

Un "anonyme«La fonction est le type de fonction le plus simple qui peut être affecté à une variable. Comme indiqué par le nom, la fonction se déclarera sans le nom.

Syntaxe
Suivez la syntaxe donnée pour attribuer une fonction anonyme à une variable:

var variable_name = function () ;

Exemple 1: Attribuez une fonction anonyme à une variable sans paramètre
Créer une variable "somme»Et y attribuez une fonction anonyme. Dans la fonction, créez deux variables "un" et "b"En attribuant des valeurs"12" et "8"Respectivement et enfin, renvoyez la somme de deux nombres"un" et "b»:

var sum = fonction ()
var a = 12;
var b = 8;
retourner a + b;

Appelez la fonction par un nom de variable "somme"Avec accolades"()"Cela désigne la fonction:

console.log (sum ());

La sortie s'affiche «20«En appelant la fonction anonyme attribuée à une variable:

Exemple 2: attribuez une fonction anonyme à une variable avec paramètre
Ici, affectez une fonction anonyme à la variable avec deux paramètres "un" et "b". Il renverra la somme de deux nombres qui seront passés pendant l'appel de fonction comme un argument:

var sum = fonction (a, b)
retourner a + b;

Appelez la fonction anonyme en utilisant la variable "somme"En passant le numéro"4"Comme premier argument"un" et "6"Comme deuxième argument"b»:

console.journal (sum (4, 6));

La sortie correspondante sera:

Attribuer une fonction flèche à une variable

Le "fonction de flèche«Est la deuxième façon d'appliquer la fonction à la variable. La seule différence entre la fonction flèche et la fonction anonyme est qu'elle créera sans utiliser le mot-clé "fonction»Et utilisez à la place une flèche. La fonction de flèche en JavaScript a la syntaxe la plus courte pour la déclaration de fonction.

Syntaxe
Utilisez la syntaxe suivante pour attribuer la fonction flèche à la variable:

var variable_name = (paramètres) => ;

Exemple 1: Attribuez une fonction flèche à une variable sans paramètre
Créer une variable "somme»Et attribuez-lui une fonction flèche. Dans la fonction, créez deux variables "un" et "b"En attribuant des valeurs"9" et "12«Respectivement, et enfin, renvoie la somme de deux nombres»un" et "b»:

var sum = () =>
var a = 9;
var b = 12;
retourner a + b;

Appelez la fonction par un nom de variable "somme»:

console.log (sum ());

La sortie s'affiche «21«Tout en appelant la fonction de flèche sans paramètres attribués à une variable:

Exemple 2: Attribuez une fonction flèche à une variable avec paramètre
Créer une fonction flèche avec des variables "un" et "b"Cela renverra la somme de deux nombres. C'est la même chose que la fonction anonyme avec des paramètres mais sans le «fonction" mot-clé:

var sum = (a, b) =>
retourner a + b;

Invoquez la fonction de flèche à l'aide du nom de variable "somme»:

console.journal (sum (23, 20));

Sortir

Conclusion

Deux types de fonctions différents peuvent être attribués à une variable. Voici les "anonyme«Fonction et un«flèche" fonction. Une fonction anonyme est attribuée avec ou sans paramètres tandis que la fonction flèche est affectée à la variable avec des paramètres. Ce billet de blog montre le processus d'attribution d'une fonction à une variable