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 09:49] – [Paramètres et corps de fonctions] 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:
  
-    function maFonction() +<sxh js> 
-    +function maFonction(){ 
 +// Placez votre code à exécuter ici 
 +} 
 +</sxh>
 ==== Déclaration de fonction ==== ==== Déclaration de 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   * 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 ====
  
-    maFonction(); +<sxh js> 
-    +maFonction(); 
 +</sxh> 
 Lorsque la fonction est ainsi appelée, elle est exécutée immédiatement et lorsqu'elle est complétée, l'exécution du programme reprend à partir du point d'appel de la fonction et l'énoncé suivant sera exécuté. Lorsque la fonction est ainsi appelée, elle est exécutée immédiatement et lorsqu'elle est complétée, l'exécution du programme reprend à partir du point d'appel de la fonction et l'énoncé suivant sera exécuté.
  
Ligne 23: 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 37: 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 44: 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 ===== 
 + 
 +  * [[Exercice Fonction et Variables]]