Utiliser des fonctions

Il est parfois utile de regrouper un certain nombre d'instructions dans un bloc réutilisable plusieurs fois. Cela se fait en définissant des fonctions qui pourront être utilisées comme les fonctions prédéfinies de JavaScript.

Structure générale

Une fonction est une suite d'instructions à laquelle on a donné un nom. Elle peut éventuellement renvoyer un résultat et utiliser des paramètres. Pour la définir, c'est à dire indiquer la suite d'instructions à exécuter lorsqu'on l'appelle, on utilise le mot-clé function.

On définit une fonction de la façon suivante :


function nom_de_la_fonction(liste de paramètres) {
  instruction 1;
  instruction 2;
  ......
  return résultat;
}

• La suite d'instructions à exécuter se trouve entre deux accolades.
• La liste de paramètres est facultatives, mais on doit écrire les parenthèses même s'il n'y a pas de paramètres.
• La ligne "return résultat;" n'est utilisée que si la fonction renvoie un résultat.

Définir une fonction ne provoque pas son exécution immédiate. Cela donne simplement la possibilité de l'appeler ultérieurement comme toute fonction JavaScript déjà définie, document.write(), eval() ou prompt().

Il peut être intéressant de définir des fonctions personnelles dans un fichier externe .js qui pourra être utilisé comme une bibliothèque avec plusieurs documents HTML.

Exemple 1

Construisons une fonction nommée afficheDate() dont le rôle est d'afficher la date. Nous l'enregistrerons dans le fichier utils.js.

Cette fonction peut prendre la forme suivante :

Les lignes commençant par "//" sont des commentaires, elles ne sont donc pas exécutées, elles sont uniquement destinées au programmeur.

Après avoir enregistré cette fonction dans le fichier utils.js, nous pouvons l'utiliser avec tout document HTML à condition d'avoir importé utils.js par le code HTML :

<SCRIPT LANGUAGE="JavaScript" SRC="utils.js"></SCRIPT>

Finalement, nous pouvons écrire l' exemple suivant :

Exemple 2

Construisons une fonction destinée à calculer la moyenne de deux nombres. Elle aura besoin de deux paramètres (les nombres dont on calcule la moyenne) et elle fournira un résultat (la moyenne).

Cette fonction pourra prendre la forme suivante :

Les deux paramètres sont appelés a et b. Leurs valeurs effectives seront fournies au moment de l'appel de la fonction.

Enregistrons cette fonction dans le fichier utils.js et utilisons la dans l'exemple suivant :