Javascript => | Expliqué
Un développeur peut utiliser des fonctions flèches pour obtenir le même résultat qu'une fonction régulière, avec moins de lignes de code et environ 50% de frappe de moins.
Ce tutoriel définira le fonctionnement de la fonction flèche (=>) en javascript.
Fonction JavaScript Arrow "=>"
La fonction anonyme connue sous le nom de «fonction de flèche"N'a pas de nom et n'est pas connecté à un identifiant. Ces fonctions sont définies sans le mot clé de la fonction, et l'instruction de retour est facultative pour de telles fonctions sans arguments. L'entrée d'une fonction est placée à gauche, tandis que le côté droit de la fonction représente la sortie.
La fonction Arrow vous permet de définir plus clairement une fonction pour augmenter la lisibilité du code.
Syntaxe
Suivez la syntaxe ci-dessous pour la fonction d'écriture à l'aide de la fonction flèche (=>):
OU
var functionName = (arg1, arg2,…) => instructions;Vous pouvez utiliser var, let ou const comme type de données dans JavaScript. Cependant, vous pouvez utiliser le mot clé VAR pour définir la fonction flèche.
Exemple 1
Ici, nous créerons une fonction flèche qui imprimera le message "Bienvenue à Linuxhint"Sur la console:
Ensuite, appelez la fonction flèche qui est stockée dans une variable "printmsg»:
printmsg ();Sortir
Exemple 2
Dans cet exemple, nous effectuerons la même tâche avec une fonction régulière en JavaScript et la fonction Arrow. Pour ce faire, nous créerons une fonction JavaScript régulière pour multiplier deux nombres spécifiés comme arguments:
retourner a * b;
;
Ensuite, appelez la fonction en passant deux valeurs "5" et "8" arguments:
produit (5,8);La sortie affichée "40«Qui est le produit des arguments donnés:
Maintenant, nous allons effectuer la même opération à l'aide de la fonction de flèche uniquement dans une ligne de code:
var product = (a, b) => return a * b;Ensuite, appelez la fonction flèche qui est stockée dans une variable "produit»En passant deux arguments:
produit (5,8);Ici, vous pouvez voir dans la sortie, vous obtiendrez le même résultat en seulement deux lignes de code:
Différence entre la fonction régulière et la fonction de flèche
Il existe certaines différences entre les fonctions fléchées et les fonctions JavaScript régulières, mais les deux fonctions sont similaires à certains égards:
- Les fonctions régulières sont constructibles et calleuses, tandis que les fonctions de flèche ne peuvent être appelées que, mais ne peuvent pas être construites.
- Les fonctions régulières peuvent être appelées avec le nouveau mot clé car ils peuvent être construits, tandis que le nouveau mot-clé ne peut pas être utilisé pour invoquer les fonctions de flèche.
- Les paramètres nommés en double sont autorisés pour les fonctions régulières mais pas pour les fonctions de flèche.
Pour les avantages et les inconvénients des fonctions de flèche
| Avantages | Les inconvénients |
|---|---|
| Il réduit les lignes de code, ce qui améliore la lisibilité du code. | Il est plus difficile à déboguer car vous ne pouvez pas identifier le nom de la fonction ou le numéro de ligne particulier où une erreur s'est produite. |
| L'écriture de la flèche => offre une plus grande flexibilité que d'écrire le mot clé de la fonction. | Il ne doit pas être utilisé comme méthode ou constructeur régulier. |
Nous avons couvert toutes les informations de base sur la fonction flèche (=>) en javascript.
Conclusion
En JavaScript, le «=>» est le appelé «fonction de flèche"Cela permet plus précisément les fonctions d'écriture en JavaScript pour améliorer la lisibilité du code. Il donne le même résultat que les fonctions régulières JavaScript avec moins de lignes de code. Dans ce tutoriel, nous avons discuté du fonctionnement de la fonction de flèche (=>) en JavaScript avec leurs avantages et leurs inconvénients et la différence entre la fonction régulière et la fonction de flèche.