Fonction Javascript
around |
exp |
insert |
JavaScript |
log |
repeat |
sep |
sin |
sine
Michael Zippo
04.11.2021
Les fonctions JavaScript sont des blocs de code personnalisés qui peuvent être réutilisés. Les fonctions permettent au code d’être plus modulaire et sont essentielles pour la programmation orientée objet. Les fonctions peuvent être définies par des déclarations ou des expressions.
Si vous cherchez à apprendre JavaScript et cherchez à connaaître les bases, les fonctions JS sont certainement quelque chose dont vous avez besoin à savoir. Si vous avez passé du temps à travailler avec un langage de programmation, vous saurez que les fonctions sont les éléments constitutifs de programmes complexes, mais vous ne savez peut-être pas comment elles fonctionnent. Les fonctions vous permettent d’écrire du code une seule fois pour les processus courants, au lieu de le répéter plusieurs fois.
Les fonctions sont des blocs de code qui effectuent une action et peuvent renvoyer une valeur. Les fonctions peuvent être personnalisées selon vos besoins et peuvent être utilisées pour rendre votre code plus efficace et modulaire.
Dans ce tutoriel, nous allons explorer les bases des fonctions: comment définir une fonction, comment appeler une fonction et quand ils peuvent être utiles.
Comment utiliser la fonction JavaScript Define
Il existe deux manières de définir une fonction en JavaScript: via des déclarations et des expressions. Commençons par la méthode de déclaration pour définir une fonction.
JavaScript Déclarations de fonction
Les déclarations de fonction définissent une fonction nommée. Pour définir ce type de fonction, vous devez commencer votre code par le mot clé fonction
, suivi du nom de la fonction. Voici un exemple:
Les noms de fonctions suivent les mêmes règles que les variables: ils peuvent utiliser des leres, des traits de soulignement, des nombres et sont souvent écrits en majuscule. Ensuite, après le nom de la variable, vous incluez une série de parenthèses, dans lesquelles les paramètres facultatifs peuvent être conservés. Nous y reviendrons plus loin dans l’article.
Ainsi, comme une instruction for ou if, le code de la fonction sera entre accolades. Voici un exemple de fonction qui imprimera Google
sur la console:
Dans la fonction JS printGoogle ()
il y a une instruction console.log ()
qui sera exécutée lorsque la fonction est appelé. Mais rien ne se passera jusqu’à ce que nous appelions la fonction. Si nous voulons appeler la fonction, nous pouvons utiliser ce code:
Maintenant, fusionnons notre code en une seule fonction, puis appelons-la:
La sortie de cette fonction sera Google
. La fonction printGoogle ()
renverra le résultat lorsqu’elle sera appelée, dans ce cas sur la dernière ligne.
Maintenant que notre code d’impression est dans une fonction, nous pouvons l’exécuter autant de fois que nous voulons en appelant le printGoogle()
fonction.
p>
JavaScript Expression de fonction
Une autre façon de déclarer une fonction est de créer une expression de fonction. Nous pouvons le faire en affectant une fonction à une variable.
Soit l’exemple ci-dessus. Au lieu de déclarer la fonction par elle-même, nous pouvons à la place l’affecter à une variable. Voici un exemple:
Pour appeler cette expression, nous ajoutons la ligne de code google ()
à l’ endroit o√π nous voulons que l’expression s’exécute.
Maintenant que nous connaissons les deux manières de déclarer une fonction, nous pouvons explorer comment personnaliser cette fonctionnalité de programmation. Dans notre code ci-dessus, nous avons créé une fonction qui imprime Google
sur la console.
Pour imprimer un nom différent, tel que Facebook, nous devons changer le code . Si nous voulons que les utilisateurs visitant notre site Web entrent le nom de leur entreprise préférée et l’impriment sur la console, notre fonction ne fonctionnera pas.
Nous devons donc utiliser des paramètres. Si nous ajoutons un paramètre name
à notre fonction JS, nous pouvons imprimer n’importe quel nom sur la console via notre fonction. Voici un exemple:
Le nom de la fonction est printCompany ()
et notre paramètre s’appelle name
. Le paramètre peut ensuite être appelé dans la fonction JavaScript. Dans l’exemple ci-dessus, nous utilisons le paramètre name pour modifier ce qui sera imprimé sur la ligne de code console.log ()
.
Mais nous n’avons pas encore défini notre nom. Pour définir le paramètre, nous devons lui attribuer une valeur lorsque nous appelons notre fonction JavaScript. Disons que votre entreprise préférée est Snapchat. Nous allons appeler la fonction et insérer le nom de l’entreprise comme argument dans l’appel de fonction.
Voici un exemple:
Lorsque nous exécutons ce code, ce qui suit s’affichera:
Dans notre exemple, nous appelons la fonction en utilisant printCompany()
, puis affectons le nom entre parenthèses. Ainsi, nous pouvons maintenant réutiliser notre fonction plusieurs fois avec des noms différents.
Il est intéressant de noter que vous pouvez utiliser autant de paramètres que vous le souhaitez et que vous les référencerez dans l’ordre. Nous allons utiliser un exemple qui montre cela en action ci-dessous.
Return values ​​
Dans nos exemples jusqu’à présent, nous n’avons renvoyé aucune valeur. Au lieu de cela, nous avons imprimé du texte sur la console. Mais, avec une fonction, nous pouvons lui affecter des paramètres à traiter, puis renvoyer une valeur basée sur ce qui est dans l’instruction return
.
Voici un exemple d’un a fonction qui ajoute deux nombres et nous donne le total:
Dans ce programme, notre fonction est appelée et deux nombres sont passés à travers la fonction. Lorsque cette fonction est exécutée, dans la dernière ligne de notre exemple précédent, nous recevrons en retour la réponse 3
. Notre liste de paramètres est séparée par des virgules.
Depuis ECMAScript 6, il existe une manière plus concise de définir des fonctions appelées fonction flèche . Celles-ci sont représentées à l’aide de l’expression suivante: =>
.
Ces fonctions sont un type d’expression de fonction. Utilisons un exemple pour montrer les fonctions fléchées en action:
Lorsque vous travaillez avec une seule variable, vous n’avez pas besoin de crochets autour d’elle. Et, si vous ne travaillez avec aucune variable, vous devez inclure un ensemble de crochets vides ()
o√π vos variables seraient déclarées.
C’est tout ce que vous devez savoir sur les fonctions JavaScript. ba soi. Dans ce didacticiel, nous avons couvert les déclarations de fonction, les expressions de fonction, les valeurs de retour de fonction et les fonctions de flèche.
Dans l’ensemble, une fonction est un bloc de code qui peut effectuer une action et renvoyer une variable . Les fonctions sont utiles si vous avez plusieurs lignes de code que vous devrez peut-être exécuter plusieurs fois dans un programme.
Au lieu d’écrire ces plusieurs lignes de code à chaque fois que vous devez les utiliser, vous pouvez ajoutez-les à une fonction et appelez la fonction lorsque vous devez exécuter le code et transmettez les valeurs que vous devez utiliser dans votre fonction.