Création de fonctions en JavaScript

Une fonction est un morceau de code réutilisable qui s’exécute lorsque vous l’invoquez. Les fonctions vous permettent de réutiliser du code, ce qui le rend beaucoup plus modulaire et aussi moins compliqué à conserver.

Il existe un certain nombre de moyens pour développer des fonctions en JavaScript. Vous découvrirez ici les différents moyens de développer des fonctions et juste comment les utiliser.

Déclarations de fonctions : Le moyen le plus simple

L’un des moyens que vous pouvez produire des fonctions en JavaScript est via les déclarations de fonctions. Une affirmation de fonction est une fonction en JavaScript qui adhère à la syntaxe ci-dessous.

Les composants du bloc de code ci-dessus comprennent :

  • Le site fonction mots-clés : Ce mot-clé énonce une fonction.
  • functionName : Il s’agit du nom de la fonction. Dans la technique, il doit être aussi détaillé et aussi significatif que faisable, montrant ce que fait la fonction.
  • paramètres : Ceci représente les critères de la fonction. Les critères sont une liste facultative de variables que vous pouvez passer à une fonction lorsque vous l’appelez.
  • Le corps de la fonction : Il s’agit du code que la fonction va certainement exécuter lorsque vous l’appelez. Il est entouré d’accolades et peut inclure tout code JavaScript valide.
  • Le site return statement : Cette instruction arrête l’implémentation d’une fonction et renvoie la valeur spécifiée. Dans le cas sur, l’appel de la fonction renverrait certainement la chaîne « This is a feature statement ».

Par exemple, l’affirmation de fonction listée ci-dessous prend 3 nombres comme critères et retourne leur montant.

Pour appeler une affirmation de fonction en JavaScript, écrivez le nom de la fonction adhérant à un ensemble de parenthèses. (). Si la fonction prend n’importe quel type de critères, passez-les comme arguments entre les parenthèses.

Par exemple :

Le bloc de code ci-dessus appelle la fonction addThreeNumber et passe également 1, 2, et aussi 3 comme débats à la fonction. Si vous exécutez ce code, il retournera la valeur 6.

Voir aussi :  Comment créer un jeu du pendu avec Svelte

JavaScript lève les déclarations de fonctionnalité, ce qui implique que vous pouvez les appeler avant de les définir.

Par exemple :

Comme reçu le bloc de code ci-dessus, l’appel isHoisted avant de le définir ne lancerait pas une erreur.

Expressions de fonctions : Les fonctions comme valeurs

En JavaScript, vous pouvez spécifier une fonction comme une expression. Vous pouvez ensuite nommer la valeur de la fonction à une variable ou l’utiliser comme argument d’une fonction supplémentaire.

Elles sont également appelées fonctions anonymes car elles n’ont pas de nom et vous ne pouvez les appeler qu’à partir de la variable à laquelle vous les avez nommées.

Vous trouverez ci-dessous la syntaxe d’une expression de fonction :

Pour appeler une expression de fonctionnalité en JavaScript, écrivez le nom de la variable que vous avez désignée à la fonctionnalité compilée avec une collection de parenthèses. (). Si la fonction prend n’importe quel type de paramètres, passez-les comme des désaccords entre les parenthèses.

Par exemple :

Les expressions de fonction sont pratiques pour produire des fonctionnalités qui s’exécutent dans d’autres fonctions. Les exemples typiques consistent en des gestionnaires d’événements et leurs callbacks.

Par exemple :

L’instance ci-dessus a utilisé une expression de fonction qui prend une valeur de événement en tant que callback à la fonction addEventListener fonction. Vous n’avez pas besoin d’appeler la fonction explicitement lorsque vous utilisez une expression de fonction comme callback. Elle obtient immédiatement d’être appelée par sa fonction moms and dad.

Dans la situation ci-dessus, lorsque l’écouteur d’occasion reçoit un appel de la fonction clic il appelle la fonction de rappel et transmet l’événement événement comme argument.

Contrairement aux affirmations de fonction, les expressions de fonction ne sont pas levées, vous ne pouvez donc pas les appeler avant de les avoir spécifiées. Tenter d’accéder à une expression de fonction avant de l’avoir définie entraînera certainement un échec de l’opération. ReferenceError.

Par exemple :

Fonctions fléchées : Compactes et aussi limitées

ES 6 a introduit un raccourci pour créer des fonctions anonymes en JavaScript appelées fonctions flèches. Elles ont une structure de phrase succincte qui peut rendre votre code extra lisible, en particulier lors du traitement de brèves fonctions d’une seule ligne.

Voir aussi :  Comment créer et utiliser des tuples en Python

Contrairement à d’autres techniques de production de fonctions, les fonctions fléchées ne nécessitent pas l’utilisation de l’attribut fonction mot-clé. Une expression de fonction arrowhead se compose de trois parties :

  • Un ensemble de parenthèses (() ) comportant les critères. Vous pouvez omettre les parenthèses si la fonction n’a qu’une seule spécification.
  • Une flèche (=> ), qui se compose d’un signe égal (= ) ainsi que d’une indication supérieure (> ).
  • Un ensemble d’accolades comprenant le corps de la caractéristique. Vous pouvez omettre les accolades si la caractéristique contient une expression solitaire.

Par exemple :

Lorsque vous omettez les accolades, la fonction arrowhead renvoie inconditionnellement l’expression unique, de sorte qu’il n’y a pas de demande pour la fonction

return mots-clés. D’autre part, si vous ne laissez pas les accolades, vous devez explicitement retourner une valeur en utilisant le mot-clé return mots-clés.

Les fonctions fléchées ont en outre un ce par rapport aux fonctions normales. Dans les fonctions normales, la valeur de ce dépend de la façon dont vous appelez la fonction. Dans une fonction flèche, ce est toujours liée à la fonction ce valeur de l’étendue limitrophe.

Par exemple :

Dans l’exemple ci-dessus, la caractéristique de la pointe de la flèche à l’intérieur de l’étendue saluer a accès à l’approche ce. nom , même si l’approche setTimeout La fonction l’appelle. Une fonction typique aurait son ce liée aux choses internationales.

Expressions de fonctions immédiatement invoquées (IIFE).

Comme son nom l’indique, une fonction promptement invoquée (IIFE) est une fonction qui s’exécute aussi rapidement que sa définition.

Voici le cadre d’une IIFE :

Une IIFE se compose d’une expression de fonction couverte à l’intérieur d’un ensemble de parenthèses. Suivez-la avec un ensemble de parenthèses à l’extérieur de l’unité pour conjurer la fonction.

Vous pouvez utiliser les IIFE pour créer des étendues, dissimuler des informations d’application, ainsi que pour partager des informations entre plusieurs manuscrits. Elles étaient autrefois utilisées comme système de modules en JavaScript.

Voir aussi :  Comment Python 3.12 vous aidera à améliorer votre débogage

Créer une fonction de plusieurs façons différentes

Il est essentiel de comprendre comment créer des fonctions en JavaScript. Cela est vrai pour une fonction standard qui effectue un calcul simple ou une fonction innovante qui interagit avec divers autres composants de votre code.

Vous pouvez utiliser les techniques évoquées pour créer des fonctions en JavaScript ainsi que le framework et également organiser votre code. Choisissez la stratégie qui correspond le mieux à vos exigences, car chacune a des avantages et des applications différents.

Abonnez-vous à notre e-newsletter

Comment créer une fonction en JavaScript ?

Une fonction JavaScript est définie avec le mot-clé function, suivi d’un nom, suivi de parenthèses (). Les noms de fonction peuvent contenir des lettres, des chiffres, des traits de soulignement et des signes de dollar (mêmes règles que les variables). Les parenthèses peuvent inclure des noms de paramètres séparés par des virgules : (paramètre1, paramètre2, ).

Quels sont les 3 types de fonctions en JavaScript ?

Il existe 3 façons d’écrire une fonction en JavaScript :. Déclaration de fonction.Expression de fonction.Fonction fléchée.

  • Déclaration de fonction.
  • Expression de fonction.
  • Fonction flèche.

Peut-on créer sa propre fonction en JavaScript ?

Puisque JavaScript est basé sur des objets, une fonction JavaScript peut facilement être transformée en un objet, et en une méthode pour cet objet. Ainsi, non seulement vous pouvez créer des objets définis par l’utilisateur pour faire votre travail, mais vous pouvez créer vos propres objets qui se comportent exactement comme vous le souhaitez.

Quel est l’exemple d’une fonction JavaScript ?

JavaScript dispose également d’un très grand nombre de fonctions intégrées. Par exemple, Math. sqrt() est une fonction permettant de calculer la racine carrée d’un nombre. Dans ce tutoriel, vous allez apprendre les fonctions définies par l’utilisateur.

Cliquez pour évaluer cet article !
[Total: Moyenne : ]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *