Fonctions de flèche dans JavaScript | Expliqué

Les fonctions de flèche ont été incluses dans JavaScript avec la sortie d'ECMAV6 en 2015. La fonction de flèche est un moyen de créer une fonction dans l'objectif principal de réduire le nombre de lettres nécessaires pour créer une fonction. Les fonctions de flèche sont nommées "flèche"Parce qu'ils utilisent un mot-clé composé de deux caractères spéciaux, le "=" et le ">" qui forme une forme qui ressemble à une pointe de flèche "=>".

Création d'une fonction avec une fonction flèche

La création d'une fonction avec la méthode de la fonction Arrow comprend les étapes suivantes:

• Tout d'abord, le temps du nom de la fonction ou de l'identifiant de la fonction
• Après cela, définissez le nom de la fonction égale aux paramètres requis par la fonction enfermée entre parenthèses
• Après cela, utilisez le symbole de flèche "=>" Pour désigner le mot-clé fonction
• Après le symbole de la flèche, incluez simplement le corps de la fonction enfermée à l'intérieur accolades.

Ainsi, une fonction de flèche ressemble à ceci:

funcname = (para1, para2, para3…) =>
// corps de la fonction

Déclaration de fonction et expression de fonction vs fonctions flèches

Normalement, une déclaration de fonction pour créer une fonction qui ajoute deux nombres passés à l'intérieur de ses arguments ressemble à ceci:

fonction getSUM (num1, num2)
return num1 + num2;

Et une expression de fonction pour créer la même fonction ressemblerait à ceci:

getSUM = fonction (num1, num2)
return num1 + num2;
;

Il y a quelques choses courantes dans ces deux méthodes pour créer une fonction:

• Le nom ou l'identifiant de la fonction
• Le Fonction des mots clés
• Paramètres à l'intérieur des parenthèses
• Corps de la fonction à l'intérieur des supports bouclés
• Opérateur d'attribution dans le cas de l'expression de la fonction

Maintenant, si la même fonction devait être créée avec les fonctions de flèche, elle aurait la séquence suivante:

• Le nom ou l'identifiant
• Opérateur d'assignation
• Paramètres avec parenthèses
• Tête de flèche
• Corps de la fonction

Ainsi, la même fonction getSUM () créée avec la fonction Arrow ressemblera à ceci:

getSUM = (num1, num2) =>
return num1 + num2;
;

Il est assez visible à première vue que la fonction de flèche utilise beaucoup moins de lettres ou de caractères pour créer une fonction, puis à la fois la déclaration de fonction et l'expression de la fonction. Et la principale raison en est qu'au lieu d'utiliser le mot-clé fonction, Un symbole de flèche est utilisé.

Fonction Appel pour les fonctions créées avec la fonction flèche

La fonction ne change pas maintenant si la fonction a été créée en utilisant la déclaration de fonction, l'expression de la fonction ou même avec la fonction flèche. Pour une fonction nommée GetSUM (comme créé ci-dessus) avec deux paramètres sera toujours:

result = getum (num1val, num2val);

La grosse flèche

Le symbole de pointe de flèche de la fonction de flèche est souvent appelé «Fat Arrow» Parce qu'au lieu d'utiliser un trait d'union "-" pour créer la pointe de flèche un égal "=" ce qui rend la tête de flèche loin, d'où le nom de grosse flèche.

Conclure

Une fonction de tableau est un moyen de créer des fonctions dans JavaScript, qui a été publiée dans la version ESMAV6 de JavaScript. Cette méthode de création d'une fonction a remplacé le mot-clé fonction de la création de fonction et utilisé un symbole de flèche "=>", D'où la fonction de flèche du nom. La fonction de flèche ne change pas la façon dont une fonction est appelée pour effectuer la tâche écrite à l'intérieur. Cet article a expliqué en détail les fonctions de flèche ou les fonctions de flèche de graisse, ainsi qu'une brève comparaison avec d'autres formes de création de méthodes.