Procédures et fonctions

Les procédures

Rappelons brièvement l’intérêt des procédures en programmation (vous pouvez revenir au chapitre Développement à partir d’algorithmes pour de plus amples explications). Vouloir coder en JavaScript des traitements trop complexes, mettant en œuvre un nombre important de variables, d’objets et comportant par exemple des jeux de boucles et des structures conditionnelles imbriquées, peut être un frein sérieux à la maintenance du script. Ceci est encore plus vrai quand le code est mal agencé (absence de commentaires, indentations aléatoires, noms des variables et objets peu significatifs).

Une autre motivation importante à coder par l’intermédiaire de procédures est la réutilisation possible de celles-ci dans des contextes différents. Il sera possible de passer des paramètres à ces procédures. Si ces séquences de code appelées depuis un traitement principal restituent des valeurs en retour, nous parlerons dans ce cas de fonctions. Outre le fait que cette factorisation réduit la longueur globale du code source, elle permet surtout d’isoler (y compris dans un script physiquement différent) une séquence d’instructions fiabilisée pour laquelle nous n’aurons plus de questions à nous poser quant au fonctionnement. Ces procédures...

Les fonctions

1. Syntaxe

Une fonction est tout simplement une procédure à qui il est demandé de restituer une valeur de retour à destination de la séquence de code appelante.

Le résultat restitué doit être imputé à une variable ou affiché par l’intermédiaire de la méthode alert ou de la méthode document.write.

maVariable = maFonction(paramEffectif1[, paramEffectif2, ...);

alert("Résultat : " + maFonction(paramEffectif1[, paramEffectif2, ...);

document.write("Résultat : " + maFonction(paramEffectif1[, 
paramEffectif2, ...);

Au niveau de la fonction elle-même, la restitution de la valeur se fait comme suit :

function maFonction(paramFormel1[, paramFormel2, ...) 
{ 
    /* Séquence de code déterminant une valeur 
    à retourner (valeurRetour) */ 
 
    /* Valeur de retour */ 
    return valeurRetour; 
}

2. Exercice n°17 : Appel d’une fonction avec passage de paramètres

Sujet

Utilisation d’une fonction de calcul du maximum de deux valeurs saisies au clavier et passées en paramètres.

Corrigé (partiel) en JavaScript

/* Fonction maxi (détermination du maximum de deux chiffres) */ 
function maxi(x, y) 
{ 
    /* Détermination...