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.
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 }
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.
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); } |
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 } |
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 |