Comment définir les fonctions dans JavaScript | expliqué pour les débutants

Devenir un bon programmeur signifie écrire un tel code réutilisable. Une bonne pratique consiste à écrire du code en petits morceaux qui aident à effectuer une tâche, ce code n'est pas exécuté tant qu'il n'est pas nécessaire. C'est là que les fonctions entrent l'image. Les fonctions permettent de diviser le code qui effectue la même tâche et les met dans un petit bloc. Ce bloc est exécuté chaque fois qu'il est nécessaire, ce qui signifie qu'il nous aide à réaliser la modularité du code.

Quelles sont les fonctions en javascript?

Comme expliqué ci-dessus, les fonctions sont un ensemble de déclarations qui aident le programmeur à effectuer un travail spécifique. La fonction n'est pas exécutée tant qu'elle n'a pas été invoquée par un événement. Par exemple, un bouton que l'utilisateur appuie ou une minuterie qui atteint un nombre spécifique et invoque la fonction. En bas de l'histoire, les fonctions doivent être invoquées pour les exécuter.

Nous avons expliqué ce qu'est une fonction en général, mais comment définissez-vous une fonction en javascript?

Comment définir une fonction?

Dans Javascrip en utilisant le mot-clé "fonction», Nous pouvons définir les fonctions. Après cela, utilisez la syntaxe suivante:

fonction functionname (params)
// Code javascript ici
retour (retour-valeur-here)

Les points clés pour définir une fonction sont:

• Utilisation du mot-clé réservé "fonction"
• Donner un nom à la fonction
• Mettre des supports ronds après le nom de la fonction
• Fournir une liste des paramètres requis pour invoquer la fonction entre les crochets
• Code javascript que la fonction exécutera enfermé dans les supports bouclés
• Une déclaration de retour entre les supports bouclés

Par exemple, une fonction simple qui dit «Hello World» serait comme:

fonction helloworld ()
console.Log ("Hello World, c'est un tutoriel LinuxHint");

Note: Comme vous pouvez le voir, l'instruction RETOUR est manquante, c'est-à-dire parce que certaines fonctions ne nécessitent pas de renvoyer une valeur, ces fonctions sont appelées Fonctions de vide.

Maintenant que nous avons créé une fonction, mais nous n'obtenons aucune sortie parce que nous n'avons pas invoqué / appelé la fonction.

Comment appeler / invoquer une fonction?

Écrivez le nom de la fonction et mettez des supports ronds devant lui pour l'invoquer. Cependant, si la fonction nécessite certains paramètres, vous devez transmettre ces arguments à l'intérieur des supports ronds.

En ce qui concerne la fonction que nous avons créée ci-dessus, essayons de l'invoquer.

Comme nous avons déjà expliqué comment invoquer une fonction, nous utilisons la commande:

Bonjour le monde();

Nous obtiendrons la sortie comme:

Nous avons testé la création d'une fonction et nous avons également invoqué cette fonction.

Comment définir une fonction nécessitant des arguments?

Maintenant, créons une fonction qui nécessite que certains arguments soient transmis à l'intérieur pour exécuter. Dans l'exemple suivant, nous créons une fonction qui prend un nombre car ses paramètres et impriment le tableau du numéro jusqu'à 10.

L'extrait de code de la fonction est comme:

fonction TablePinter (numéro)
i = 1;
alors que je<=10)
console.log (nombre + "x" + i + "=" + numéro * i);
i ++;

Remarque: nous utilisons un En boucle À l'intérieur de la fonction, si vous êtes nouveau dans la programmation, vous pouvez lire sur la boucle while.

Maintenant que notre fonction est terminée, il est temps de l'exécuter en le faisant passer un nombre comme un argument comme:

TABLEPRINTER (5);

Nous obtenons les résultats suivants.

Et c'est tout pour ce post.

Conclusion

Les fonctions sont une partie cruciale d'un langage de programmation. JavaScript a sa méthode pour définir et invoquer une fonction et c'est exactement ce que nous avons appris, comment écrire / définir une fonction en JavaScript. Nous avons également appris à utiliser les arguments et les paramètres dans les fonctions et comment ils aident réellement à la programmation. Maintenant, avec cette compréhension, vous pouvez aller de l'avant avec vos progrès d'apprentissage dans JavaScript.