Expressions de fonctions et de fonctions JavaScript (avec exemples)

Table des matières

Fonction JavaScript
Expressions de fonction

Dans ce didacticiel, vous découvrirez les fonctions JavaScript et les expressions de fonction à l'aide d'exemples.

Fonction JavaScript

Une fonction est un bloc de code qui exécute une tâche spécifique.

Supposons que vous deviez créer un programme pour créer un cercle et le colorier. Vous pouvez créer deux fonctions pour résoudre ce problème:

une fonction pour dessiner le cercle
une fonction pour colorer le cercle

La division d'un problème complexe en petits morceaux rend votre programme facile à comprendre et réutilisable.

JavaScript a également un grand nombre de fonctions intégrées. Par exemple, Math.sqrt()est une fonction pour calculer la racine carrée d'un nombre.

Dans ce didacticiel, vous découvrirez les fonctions définies par l'utilisateur.

Déclarer une fonction

La syntaxe pour déclarer une fonction est:

 function nameOfFunction () ( // function body )

Une fonction est déclarée à l'aide du functionmot - clé.
Les règles de base de la dénomination d'une fonction sont similaires à la dénomination d'une variable. Il est préférable d'écrire un nom descriptif pour votre fonction. Par exemple, si une fonction est utilisée pour ajouter deux nombres, vous pouvez nommer la fonction addou addNumbers.
Le corps de la fonction est écrit à l'intérieur ().

Par exemple,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Appeler une fonction

Dans le programme ci-dessus, nous avons déclaré une fonction nommée greet(). Pour utiliser cette fonction, nous devons l'appeler.

Voici comment vous pouvez appeler la greet()fonction ci-dessus .

 // function call greet();

Fonctionnement d'une fonction en JavaScript

Exemple 1: afficher un texte

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Production

 Bonjour!

Paramètres de fonction

Une fonction peut également être déclarée avec des paramètres. Un paramètre est une valeur transmise lors de la déclaration d'une fonction.

Fonctionnement de la fonction JavaScript avec paramètre

Exemple 2: Fonction avec paramètres

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Production

 Entrez un nom: Simon Hello Simon :)

Dans le programme ci-dessus, la greetfonction est déclarée avec un nameparamètre. L'utilisateur est invité à entrer un nom. Ensuite, lorsque la fonction est appelée, un argument est passé dans la fonction.

Remarque : lorsqu'une valeur est transmise lors de la déclaration d'une fonction, elle est appelée paramètre . Et lorsque la fonction est appelée, la valeur passée est appelée argument .

Exemple 3: ajouter deux nombres

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Production

 7 11

Dans le programme ci-dessus, la addfonction est utilisée pour trouver la somme de deux nombres.

La fonction est déclarée avec deux paramètres aet b.
La fonction est appelée en utilisant son nom et en passant deux arguments 3 et 4 dans un et 2 et 9 dans un autre.

Notez que vous pouvez appeler une fonction autant de fois que vous le souhaitez. Vous pouvez écrire une fonction, puis l'appeler plusieurs fois avec différents arguments.

Retour de fonction

L' returninstruction peut être utilisée pour renvoyer la valeur à un appel de fonction.

L' returninstruction indique que la fonction est terminée. Tout code après returnn'est pas exécuté.

Si rien n'est renvoyé, la fonction renvoie une undefinedvaleur.

Fonctionnement de la fonction JavaScript avec instruction de retour

Exemple 4: somme de deux nombres

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Production

 Entrez le premier nombre: 3.4 Entrez le deuxième nombre: 4 La somme est de 7,4

Dans le programme ci-dessus, la somme des nombres est renvoyée par la fonction à l'aide de l' returninstruction. Et cette valeur est stockée dans la variable de résultat.

Avantages de l'utilisation d'une fonction

La fonction rend le code réutilisable. Vous pouvez le déclarer une fois et l'utiliser plusieurs fois.
La fonction facilite le programme car chaque petite tâche est divisée en une fonction.
La fonction augmente la lisibilité.