meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
fonctions [2014/09/10 15:57] – [Appel de fonction] André Girardfonctions [2016/09/13 08:34] (Version actuelle) – Alexandre Castonguay
Ligne 3: Ligne 3:
 ===== Introduction ===== ===== Introduction =====
  
-Lorsque nous programmons, il arrive régulièrement que nous devions répéter une suite d'opérations à plusieurs reprises dans notre programme.  Si la répétition s'exécute un nombre de fois déterminées, nous pourrions nous contenter de faire un copier coller.  Par contre, si la répétition est dépendante de facteurs externes ou qu'elle peut varier à chaque exécution, le copier coller ne suffira plus.  La plupart des langages nous permettent de regrouper ces opérations dans une structure que nous pouvons faire rouler lorsque nous en avons besoin.  En Javascript, cette structure s'appelle une fonction. Elle est créée avec l'énoncé suivant:+Lorsque nous programmons, il arrive régulièrement que nous devions répéter une suite d'opérations à plusieurs reprises dans notre programme.  Si la répétition s'exécute un nombre de fois déterminées, nous pourrions nous contenter de faire un copier coller.  Par contre, si la répétition est dépendante de facteurs externes ou qu'elle peut varier à chaque exécution, le copier coller ne suffira plus.  La plupart des langages nous permettent de regrouper ces opérations dans une structure que nous pouvons appeler lorsque nous en avons besoin.  En Javascript, cette structure s'appelle une fonction. Elle est créée avec l'énoncé suivant:
  
 <sxh js> <sxh js>
-function maFonction()+function maFonction(){ 
 +// Placez votre code à exécuter ici 
 +}
 </sxh> </sxh>
 ==== Déclaration de fonction ==== ==== Déclaration de fonction ====
Ligne 12: Ligne 14:
   * mot réservé "function", doit toujours être là pour informer l'interpréteur Javascript que nous sommes en train de créer une fonction   * mot réservé "function", doit toujours être là pour informer l'interpréteur Javascript que nous sommes en train de créer une fonction
   *  le nom de la fonction, ici "maFonction", ce nom doit respecter les mêmes règles que les variables et ne doit pas être un mot réservé du langage Javascript   *  le nom de la fonction, ici "maFonction", ce nom doit respecter les mêmes règles que les variables et ne doit pas être un mot réservé du langage Javascript
-  *  Les paranthèses, toujours présentes.  Elles nous permettent d'envoyer de l'information à la fonction lors de l'exécution.  Elles doivent toujours être présentes, même lorsqu'il n'y a rien à transmettre.+  *  Les paranthèses nous permettent d'envoyer de l'information à la fonction lors de l'exécution.  Elles doivent toujours être présentes, même lorsqu'il n'y a rien à transmettre. 
 +  * Les accolades '{}' délimitent le code qui devra être exécuté lors de l'appel de la fonction.
  
 ==== Appel de fonction ==== ==== Appel de fonction ====
Ligne 26: Ligne 29:
 Pour transmettre de l'information à une fonction, nous utilisons les paramètres entre paranthèses.  Par exemple: Pour transmettre de l'information à une fonction, nous utilisons les paramètres entre paranthèses.  Par exemple:
  
-    function afficheMessage(codeMessage,corpsMessage) +<sxh js> 
-    { +function afficheMessage(codeMessage,corpsMessage) 
-        var messageComplet = codeMessage + ": " + corpsMessage; +{ 
-        alert(messageComplet); +    var messageComplet = codeMessage + ": " + corpsMessage; 
-    }+    alert(messageComplet); 
 +} 
 +</sxh> 
  
 ==== Paramètres et corps de fonctions ==== ==== Paramètres et corps de fonctions ====
Ligne 40: Ligne 46:
 La fonction est appelée avec l'énoncé suivant: La fonction est appelée avec l'énoncé suivant:
  
-    afficheMessage("404","Page non existante");  // Affiche "404: Page non existante"+<sxh js> 
 +afficheMessage("404","Page non existante");  // Affiche "404: Page non existante" 
 +</sxh>
          
 ===== Valeur de retour ===== ===== Valeur de retour =====
Ligne 47: Ligne 55:
 Avec le mot réservé "return", la fonction est capable de renvoyer une valeur au programme appelant. Cette valeur est contenue dans une donnée en tout point comparable à une variable typée. Avec le mot réservé "return", la fonction est capable de renvoyer une valeur au programme appelant. Cette valeur est contenue dans une donnée en tout point comparable à une variable typée.
  
-    function concatChaines(chaine1, chaine2) +<sxh js> 
-    { +function concatChaines(chaine1, chaine2) 
-        var chaineConcatenee = ""; +{ 
-        chaineConcatenee = chaine1 + chaine2; +    var chaineConcatenee = ""; 
-        return chaineConcatenee;                            // renvoyer le résultat +    chaineConcatenee = chaine1 + chaine2; 
-    } +    return chaineConcatenee;                            // renvoyer le résultat 
-    alert(concatChaines("Concaténation de","chaînes")); // Affiche "Concaténation de chaînes"+} 
 +alert(concatChaines("Concaténation de","chaînes")); // Affiche "Concaténation de chaînes" 
 +</sxh>
  
 ===== Exercices Fonctions ===== ===== Exercices Fonctions =====