2.5 Fonction en flèche

Bonjour à tous et à toutes j'espère que vous allez bien. Bienvenue dans cette nouvelle vidéo où l'on va parler de fonction en flèche. C'est une syntaxe différente pour la création de fonctions Javascript. Une fonction javascript normale ressemble bien sûr à ceci.

Vous pouvez également noter une syntaxe où vous avez var myFunc égal à fonction. Maintenant, une fonction de flèche ressemble à ceci. Ici, je le stocke dans une constante et ensuite du côté droit du signe égal. C'est la syntaxe de la fonction de flèche. Une liste d'arguments n'est rien, mais elle peut contenir 0:35 des arguments, puis une flèche. Donc, un signe égal et un signe supérieur à, puis le corps de la fonction.

La flèche snyntax de la fonction est un peu plus courte que la syntaxe normale car elle omet le mot-clé function et c'est aussi un avantage considérable. Résout beaucoup de problèmes que vous avez souvent rencontrés avec le. Si vous avez un peu travaillé avec javascript, vous savez probablement que le mot-clé THIS ne fait pas toujours référence à CE à quoi vous auriez pu vous attendre lors de l'écriture de votre code. Lorsque vous utilisez cette fonction dans une fonction de flèche, elle conservera toujours son contexte et ne la modifiera pas au moment de l'exécution. Passons maintenant à jsbin Créons une fonction normale, printMyName comme ceci. Maintenant, ici, nous pouvons bien sûr afficher le nom du journal de la console de sortie et le nom de passe en tant qu'argument.

Maintenant, on va écrire printMyName et dedans on va mettre notre prénom Matthieu . Nous avons Matthieu. Maintenant, l'équivalent de la fonction de flèche consiste à le stocker sous la forme d'une constante nommée printMyName. Il pourrait également être créé avec let. Si vous envisagez de réaffecter cette variable printMyName en tant que constante. Et maintenant, n'oubliez pas d'ajouter cette flèche entre la liste des arguments et le corps de la fonction. Si vous effacez et réexécutez cette opération, vous verrez toujours Matthieu. Donc, ici, il se comporte exactement de la même manière. Maintenant, le mot-clé-chose est quelque chose que vous verrez tout au long du cours. Cela devient important une fois que vous avez ajouté des fonctions aux objets, bien sûr. Tout d'abord, laissez-moi vous montrer quelques alternatives à cette syntaxe, en ce qui concerne la liste des arguments. Pour être précis. Si vous ne recevez qu'un seul argument, comme ceci Si vous ne recevez qu'un seul argument comme nous le faisons ici, vous pouvez également utiliser un raccourci pour omettre les parenthèses. Cela n'est valable que pour exactement un argument, pas pour plus et pas pour moins.

Ici, vous obtiendrez toujours le même résultat. Si vous aviez une fonction qui ne reçoit aucun argument. Vous avez besoin de Vous avez également besoin de parenthèses. Donc, nom et âge comme ça ne marchera pas. Vous devrez envelopper ceci entre parenthèses. Et maintenant, vous pouvez écrire nom et âge et passer les deux comme arguments ici. Donc, ce sont deux syntaxes différentes que vous pourriez voir concernant les arguments. Il y a aussi une alternative. Donc, sur le côté droit de la flèche. Évidemment, beaucoup de fonctions renvoient quelque chose. Donc, disons ici que nous voulons réellement multiplier quelque chose et que nous obtenons un nombre comme argument. Nous voulons maintenant renvoyer le numéro * 2.

Évidemment, ce que nous pouvons faire, c'est que nous pouvons consigner par consignation le résultat de la multiplication. Donc, ce qui est retourné par multiplier et passer deux ici. Si maintenant je supprime ceci et le lance, nous devrions en voir quatre Si vous avez ce cas où tout ce que vous faites dans le corps de votre fonction est renvoyé et que vous n'avez pas d'autre code, vous pouvez omettre les accolades, l'écrire sur une ligne et le mot-clé return également. C'est une version très courte de l'écriture de cette fonction. Cela devient un peu plus court si nous tirons parti du raccourci permettant de supprimer les parenthèses entourant l'argument unique. Et maintenant, cela retourne toujours le résultat de ce code. Ici, nous omettons simplement le mot-clé de retour et nous en avons omis deux. Et nous avons un moyen très concis et court d'écrire une fonction qui prend un ou plusieurs arguments et retourne quelque chose.

Donc, ici, effacer et exécuter ceci donne encore 4. C'est donc toute la syntaxe que vous pouvez voir et la fonction flèche en général est quelque chose que vous verrez souvent. Vous avez vu les différentes syntaxes. Vous n'êtes pas obligé de vous souvenir de tous maintenant. Sachez simplement qu'il existe différentes syntaxes et que si nous les utilisons ensuite, elles vous reviendront rapidement et vous saurez pourquoi nous utilisons une syntaxe donnée. merci d'avoir regardé on se retrouve sur le prochain cours