Table des matières
Les fonctions
Une fonction est une suite d'instructions que l'on pourra exécuter autant de fois que nécessaire sans avoir à les réécrire à chaque fois.
Exemple : Si on souhaite convertir en franc des prix en euro, il est préférable de créer une fonction qui exécutera cette tâche plutôt que de réécrire à chaque fois le code pour faire cette conversion.
Comment créer une fonction ?
Pour créer une fonction, il suffit d'utiliser l'instruction function suivi du nom de la fonction et de parenthèses () :
function nomDeLaFonction() { // le code que la fonction va devoir exécuter }
ou
var nomDeLaFonction = function() { // le code que la fonction va devoir exécuter }
Comment appeler une fonction ?
Pour appeler une fonction, il suffit d'écrire le nom de la fonction suivi de parenthèses :
function bonjour(){ alert("une fonction pour dire bonjour !") } bonjour() // appel de la fonction
Le code écrit dans une fonction ne s'exécutera que si vous l'appelez, sinon le code qu'elle contient ne s'exécutera jamais.
Comment passer des paramètres à une fonction ?
Il est possible de passer des paramètres à une fonction, c'est-à-dire lui fournir une valeur ou le nom d'une variable.
function NomDeLaFonction(paramètre1, paramètre2, ...) { // liste d'instructions }
A faire vous-même 1 | JSFiddle |
---|---|
Que réalise les deux scripts suivants ? Tester sur JSFiddle. | |
Script 1 : calculer(2,3); function calculer (x,b) { y = 2*x + b ; alert(y); } | Script 2 :var variable1 = 2; var variable2 = 3; calculer(variable1,variable2); function calculer (x,b) { y = 2*x + b ; alert(y); } |
Comment la fonction peut-elle retourner une valeur ?
Une fonction peut retourner une valeur. Il suffit d'utiliser l'instruction return suivie de la valeur à retourner.
A faire vous-même 2 | JSFiddle |
---|---|
Modifier le script précédent par celui ci-dessous afin de comprendre l'instruction return. var variable1 = 2; var variable2 = 3; var resultat = calculer(variable1,variable2); alert(resultat); function calculer (x,b) { y = 2*x + b ; return y } |
Les variables sont-elles toujours accessibles ?
Une variable globale est accessible partout dans votre code y compris à l'intérieur de vos fonctions.
Les variables locales déclarées avec var au sein d'une fonction ne sont accessibles que dans cette fonction.
A faire vous-même 3 | JSFiddle |
---|---|
Que réalise les deux scripts suivants ? Tester sur JSFiddle. |
|
Script 1 : var nom = 'Toto'; // déclaration d'une variable globale bonjour(); function bonjour(){ alert('Bonjour ' + nom); } | Script 2 :bonjour(); alert('Bonjour ' + nom); function bonjour(){ var nom = 'Toto' // déclaration d'une variable locale } |
A faire vous-même 4 | JSFiddle |
---|---|
Écrire un script qui demande de saisir un prix en euro. A l'aide d'une fonction, convertir ce prix en franc puis l'afficher. Rappel : 1 euro = 6,55957 Fr |