Outils pour utilisateurs

Outils du site


javascript:les_fonctions

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
javascript/les_fonctions.txt · Dernière modification: 10/07/2019 21:15 par Stéphane LAURENT