Javascript: Les fonctions

  • prérequis : Avoir fini l'introduction au Javascript, la logique booléene, les opérateurs de comparaison, les opérateurs logiques.

  • objectif : Comprendre et savoir utiliser les fonctions, avec ou sans argument.

Dans ce chapitre, vous allez découvrir comment décomposer un programme en sous-parties appelées des fonctions.

A quoi servent-elles ?

Une fonction est un ensemble d'instructions regroupés au sein d'un même blocs portant un nom, qui sera executer à l'apel de cette fonction.
A force de coder, vous avez du vous rendre compte que vous répetiez souvent le même bout de code.
Au lieu de se repeter, on aurait pu regrouper ces bout de code au sein d'une fonction, puis faire appel à cette fonction chaque fois que nécessaire.

Parlons peu, parlons bien, voyons un exemble basic:

//creation de la fonction
function helloWorld() {  
    //instructions à effetuer lors de l'appel de fonction
    console.log('Bonjour le monde');
}

//utilisation de la fonction
helloWorld();   //affiche "bonjour le monde"

Dans cet exemple, on crée une fonction helloWorld qui se contente d'afficher "bonjour le monde" à chaque fois qu'elle est appelée.

Syntax:

function nomDeLaFonction(arguments) {  
    instruction1;
    instruction2;
    instruction3;
}

On a :
* function: mot clé permettant de dire "je suis une fonction" * nomDeLaFonction: c'est le nom de la fonction qui sera utile pour son utilisation. * arguments: parametre pouvant être utilisé dans la fonction * instruction..: les instructions à executer lors de l'appel de la fonction

Dans notre exemple précedant, il n'y avait pas d'arguments!

Avec ou sans arguments

lorque que l'on crée une fonction, on peut decider ou non d'utiliser des arguments qui sont des elements (variable, objets, data..) sur lequels on va pouvoir agir, ou juste s'en servir.

Pour comprendre, rien de tel qu'un exemple simple, celui de l'addition.
Le but est de créer une fonction qui pour deux nombres passées en parametre, on nous en affiche l'addition.

fonction addition(a,b) {  
    //on utilise 
    console.log(a + b); //affiche a + b
}

//appel de la fonction avec des valeur (2 et 3)
addition(2, 3); // affiche 5  
addition(3,4); // affiche 7  

On voit bien ici que les arguments a et b sont des données qui peuvent être utilisés dans la fonction.

les valeurs de retour

Précedemment, nos fonctions, quand on les appelait affichait dans la console un résultat. Seulement on ne pouvait rien en faire de ce resultat à part l'observer. Nous allons voir qu'il est possible de stocker ce resultat (dans une variable par exemple) ou encore de s'en servir comme argument d'une autre fonctions ou autre.
Ainsi avec notre fonction addition(), on aurait pu faire en sorte de stocker le resultat dans une variable plutot que de l'afficher dans la console.

Qu'est ce que les valeurs de retour? Eh bien nous avons vus tout à l'heure que l'on pouvait envoyer des informations à nos fonctions grâce aux arguments, mais nous allons voir que nos fonctions peuvent aussi retourné des informations.
En clair, les valeurs de retour représentent tout ce qui est retourné par votre fonction une fois que celle-ci a fini de travailler.

Note: il faut preciser que les fonctions peuvent retourné une et unique valeur!

Syntax On utilise le mot clé return.

function addition(a,b) {  
    return a+b; //on affiche plus mais renvoi la valeur!
}

var somme = addition(2+4); //somme a pour valeur 6 !

var resultat = addition(addition(2,6) + 5); // resultat vaut 13  

Ici addition(2, 6) retourne 8, donc addition(addition(2,6) + 5) équivaut à addition(8 + 5) et vaut 13.

Matthieu Dehondt

Read more posts by this author.

Lille - France

Subscribe to Skillcode

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!