Fonctions en javascript | Expliqué pour les débutants

JavaScript, comme tout autre langage de programmation, nous offre des fonctions qui sont très utiles car les fonctions nous donnent la possibilité de réutiliser notre code et le code devient propre I-E moins congestionné par l'implémentation de la modularité.

Si vous êtes un débutant en JavaScript, ne vous inquiétez pas comme dans ce post, nous vous tiendrons la main et vous vous promener étape par étape pour vous faire des fonctions de maîtrise en JavaScript.

Qu'est-ce qu'une fonction

Une fonction est une collection de déclarations ou de commandes enveloppées dans un bloc, conservées et maintenues séparément du programme principal pour effectuer une tâche spécifique. Les fonctions sont très utiles car un développeur peut réutiliser ce code encore et encore sans avoir à rédiger l'ensemble du code.

Maintenant que nous savons ce qu'est une fonction, passons par le syntaxe d'une fonction:

fonction functionname (arguments)
// quelques déclarations ou code
retour;

Une fonction est déclarée avec le mot-clé fonction suivi du nom de la fonction qui devrait être unique et c'est une bonne pratique de suivre la convention de dénomination de Camelcase; Le premier mot sera en minuscules et les mots qui ont après cela devraient avoir la première lettre majuscule e.g myfunctionname. Juste après le nom de la parenthèse () où les paramètres sont reçus. Nous écrivons le code de fonction à l'intérieur des supports bouclés qui viennent après la parenthèse (). Cependant, il convient de noter que lorsque vous travaillez avec des classes en JavaScript, les fonctions sont définies sans le mot-clé fonction.

Nous ouvrons et fermons la fonction avec des supports bouclés et tout le code entre dans ces supports bouclés. La fonction prend l'entrée comme argument et renvoie la sortie via le mot-clé retour. Par défaut, une fonction dans JavaScript renvoie indéfini S'il n'y a rien à retourner.

Fonction de déclaration et d'appel

Déclarons une fonction appropriée qui montrera une alerte de Bonjour!

fonction myfunc ()
alerte ("Bonjour!")

Maintenant que nous avons déclaré les fonctions avec le nom de myfunc Appelons la fonction qui peut être effectuée en écrivant le nom de la fonction suivie de ():

fonction myfunc ()
alerte ("Bonjour!")

// Fonction d'appel
myfunc ();

Nous verrons la sortie suivante sur notre navigateur:

Exemple 1

Maintenant que nous savons déclarer et appeler une fonction, jouons avec les arguments de la fonction. Dans cet exemple, nous fournirons deux arguments à la fonction et afficherons leur somme:

fonction myfunc (num1, num2)
console.log (num1 + num2);

// Fonction d'appel
myfunc (2,3); // 5
myfunc (5,5); // dix

Dans le code ci-dessus, nous avons d'abord déclaré une fonction et la fonction respective reçoit deux paramètres. Ensuite, nous console le journal en ajoutant les deux nombres. En dehors de la fonction, nous avons invoqué myfunc deux fois en fournissant différents arguments. Le résultat de la sortie est donné ci-dessous:

Exemple 2

Dans cet exemple, nous modifierons un peu le code ci-dessus en fournissant des valeurs par défaut aux paramètres qui signifient que si aucune valeur n'a été fournie lorsque la fonction a été invoquée, la valeur par défaut sera traitée. Nous retournerons également la somme dans cet exemple:

fonction myfunc (num1 = 1, num2 = 1)
return num1 + num2;

// Fonction d'appel
var sum = myfunc ();
console.log (sum); // 2

La valeur renvoyée est stockée dans la somme variable et nous enregistrons la valeur de la valeur de la variable de somme. Comme nous n'avons fourni aucune valeur lorsque nous avons invoqué le myfunc Fonction Par conséquent, la fonction traitera les valeurs par défaut qui étaient 1 et 1 dont la somme sera 2:

Conclusion

Une fonction est un ensemble d'instructions assemblées sous un nom spécifique à l'intérieur des accolades bouclées qui est exécutée une fois que nous appelons le nom de la fonction avec des supports ronds. Une fonction peut prendre plusieurs arguments en entrée et renvoyer une sortie. Une fonction aide à réutiliser le même code ainsi qu'à améliorer le débogage et rend notre code propre en nous aidant à implémenter le concept de modularité (une tâche spécifique est à l'intérieur d'un bloc).

Dans cet article, nous avons d'abord décrit ce qu'est une fonction et quelle est sa syntaxe. Ensuite, nous avons déclaré et appelé la fonction. Après cela, nous avons fourni des exemples pour saisir pleinement le concept de fonctions en JavaScript.