Fonction Javascript

| | | | | | | |

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.

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.

Le programme a ajouté 1 et 2, avec les noms de paramètres first et second et les a renvoyés au code. Si nous voulons voir ces valeurs, nous pouvons ajouter une fonction console.log () autour de la ligne o√π nous appelons addNumbers (1, 2).

Flèches fonctions

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:

Au lieu d’écrire fonction, nous pouvons utiliser le signe fléché pour indiquer que nous déclarons une fonction. Il existe quelques différences subtiles entre les fonctions fléchées et les fonctions normales, mais vous n’avez pas besoin de les connaaître dans la plupart des cas d’utilisation.

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.



Conclusion

Joshua Aragon FkjaN 7gWC0 Unsplash
Apprendre à utiliser les fonctions JavaScript améliorera considérablement vos compétences en codage.

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.

Voici quelques points principaux de cet article:

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method