Tutoriel de base sur l'utilisation des fonctions JavaScript_Connaissances de base

Une fonction est un ensemble de code réutilisable qui peut être appelé n'importe où dans le programme. Cela élimine le besoin d’écrire encore et encore le même code. Cela aidera les programmeurs à écrire du code modulaire. Vous pouvez diviser un grand programme en quelques petites fonctionnalités gérables.

Comme tout autre langage de programmation de haut niveau, JavaScript prend en charge toutes les fonctionnalités nécessaires pour écrire du code modulaire à l'aide de fonctions.

Vous devez avoir vu les fonctions alert() et write() dans les chapitres précédents. Nous utilisons ces fonctionnalités encore et encore, mais elles n'ont été écrites qu'une seule fois en JavaScript de base.

JavaScript nous permet d'écrire nos propres fonctions, et cette section présentera comment écrire nos propres fonctions en JavaScript.
Définition de la fonction :

Nous avons déjà utilisé des fonctions, nous devons donc définir une fonction. La manière la plus courante de qualifier une fonction en JavaScript consiste à utiliser le mot-clé function, suivi d'un nom de fonction unique, d'une liste d'arguments (éventuellement vide) et d'un bloc d'instructions entouré d'accolades. La syntaxe de base est la suivante :

<script type="text/javascript">
<!--
function functionname(parameter-list)
{
 statements
}
//-->
</script>

Exemple :

Une fonction simple qui ne prend aucun paramètre appelée sayHello est définie ici :

<script type="text/javascript">
<!--
function sayHello()
{
  alert("Hello there");
}
//-->
</script>

Appeler une fonction :

Pour appeler une fonction dans un script, il vous suffit d'écrire le nom de la fonction comme suit :

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

Paramètres de fonction :

Jusqu'à présent, nous avons vu que les fonctions ne prennent aucun paramètre. Mais il existe une possibilité de transmettre différents paramètres lors de l'appel d'une fonction. Tout ce qui peut être fait avec ces paramètres peut être capturé et traité dans la fonction.

Une fonction peut avoir plusieurs arguments séparés par des virgules.
Exemple :

Apportons quelques modifications à la fonction sayHello. Cette fois-ci, cela prend deux paramètres :

<script type="text/javascript">
<!--
function sayHello(name, age)
{
  alert( name + " is " + age + " years old.");
}
//-->
</script>

Remarque : nous utilisons l'opérateur pour concaténer les chaînes et les nombres ensemble. JavaScript ne craint pas les nombres et les chaînes.

Maintenant, nous pouvons appeler cette fonction comme suit :

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

Déclaration de retour :

Une fonction JavaScript peut avoir une instruction return facultative. Ceci est obligatoire si vous souhaitez renvoyer une valeur à partir d’une fonction. Cette instruction doit être la dernière instruction de la fonction.

Par exemple, vous pouvez transmettre deux arguments numériques à une fonction, vous pouvez alors vous attendre à renvoyer de la fonction la valeur multipliée dans le programme appelant.
Exemple :

Cette fonction a deux paramètres, qui sont combinés dans le programme appelant pour renvoyer le résultat :

<script type="text/javascript">
<!--
function concatenate(first, last)
{
  var full;

  full = first + last;
  return full;
}
//-->
</script>

Maintenant, nous pouvons appeler cette fonction comme suit :

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>