Les fonctions

Des fonctions, vous en avez vu et utilisé sans le savoir. Mais concrètement, qu'est-ce que c'est ?
Une fonction, c'est une série d'instructions qui retourne une valeur. Par exemple pour les maths, on pourrait faire une fonction qui calcule toute seule l'aire d'une sphère. Si vous faites le calcul qu'une seule fois, ça ne vous sera pas utile, mais si vous le faites 5, 10, 15 ou même 20 fois, vous en aurez vite marre de faire les calculs. C'est pourquoi on a inventé les fonctions !

Des fonctions sans paramètres

Nous allons directement passer à la pratique, pour que vous compreniez plus vite. Testez ce script.
Code : JavaScript

Vous l'avez vu, j'ai multiplié une variable par 3. Mais je peux aussi créer une fonction qui va multiplier par 3 toute seule.
Code : JavaScript

Explications :

1. Dans un premier temps j'ai créé la fonction multiplier_par_trois(), grâce à la syntaxe suivante : function nom_de_la_fonction().
2. Ensuite j'ai mis des accolades, c'est-à-dire que tout ce qui se trouve entre ces accolades fera partie de la fonction !
3. Là je pense que vous avez compris : je crée une variable, puis je la multiplie par trois.
4. Après j'ai écrit return nombre. Cela veut dire qu'une fois arrivée là, la fonction s'arrête même s'il y a encore du code, et retourne la valeur de la variable. Ici, la fonction retourne nombre.
5. Enfin, j'ai écrit document.write(multiplier_par_trois()). Cela signifie tout simplement "écrire ce que la fonction retourne".

Je l'avoue, dans cet exemple, c'est plus long d'utiliser une fonction. Enfin, une fonction sans paramètres, parce que vous allez en voir un autre type : les fonctions à paramètres.

Des fonctions à paramètres

Vous allez le voir, elles sont beaucoup mieux à utiliser. En fait, vous allez avoir plus de liberté qu'avec des fonctions sans paramètres, car jusque là, vous ne pouviez qu'utiliser la fonction, et c'est tout. Ici vous allez pouvoir "en tirer profit". Maintenant, testez ce script.
Code : JavaScript

Explications :

1. En premier, j'ai créé une fonction, comme dans l'autre exemple. Sauf que là, j'ai mis une variable entre les parenthèses de la fonction. Ce type de variable s'appelle un paramètre.
2. Ensuite, j'ai multiplié par 3 le paramètre, puis j'ai dit à la fonction de le retourner.
3. Enfin, j'ai fait écrire ce que la fonction retourne. Mais là, entre les parenthèses de la fonction, j'ai mis 11. Cela signifie en fait que dans la fonction, nombre_a_multiplier sera égal à 11.

Evidemment, et c'est même fait pour ça ! Regardez, je vais faire plein de fois la fonction en lui envoyant des paramètres différents.
Code : JavaScript

Si c'est pas pratique, ça ? Et encore, ce n'est que pour multiplier par 3. Plus tard vous pourrez créer une fonction qui résoudra les équations à deux inconnues avec accolades, et en écrivant toute la démarche ! Je peux vous le dire car j'en avais créé une il fut un temps.

Vous ayant fait découvrir les fonctions assez rapidement, je me dois de vous familiariser un peu plus avec elles. Une fois qu'on a compris, on voit tout de suite que c'est très simple.

Fonctions affines

Théorie

Ahaha, vous en avez bavé en 3ème ? Elles reviennent, et plus fortes que jamais !
Pour vous rafraîchir les idées (au cas où vous auriez oublié ce qu'est une fonction affine), je vais vous réexpliquer brièvement à quoi ça sert. Nous allons travailler avec cette fonction, la voici, la voilà :


Cette fonction sert souvent dans des graphiques, et je vais vous le prouver. Mais avant ça, je vais mettre cette fonction sous forme de problème, pour que vous compreniez mieux.

Citation : Cours de maths
Explications :
Le chevalier a tué tous les humains sauf 11. Donc, il n'y a plus que 11 humains vivants sur Terre. Pour garder leur espèce en vie, ils font 2 enfants chaque année. Donc, si je veux calculer combien d'humains il y aura sur Terre 5 ans après le terrible massacre, il suffit de faire : 2 x 5 + 11 = 21.


Il faut faire : 2 x 6 + 11, ce qui fait 23. Oh miracle, le nombre d'années vaut x ! Donc, ça veut dire qu'on peut représenter le nombre d'humains sur Terre par : 2x + 11. f(x) = 2x + 11 ; c'est donc comme une fonction en javascript, avec x comme argument, regardez, je vous transforme ça en JS :
Code : JavaScript
Oui, c'est aussi une fonction, comme en maths ! Bon, ça, c'était pour vous faire un peu mieux comprendre les fonctions (aussi bien en Javascript qu'en maths ). Je vous mets le résultat sous forme graphique en dessous, puis on fait quelques exercices.

Pratique

Ici, je ne vais pas vous faire bosser très dur... Je vais surtout vous faire travailler, pour que vous soyez tout de suite à l'aise avec nos bien-aimées : les fonctions.

Exercice 1 :
Créez une fonction qui multipliera par 4 et divisera par 5 le paramètre chiffre (donc le paramètre de la fonction sera la variable chiffre).
Secret (cliquez pour afficher)

Exercice 2 :
Créez une fonction qui multiplie par 5, puis divise par 3 le paramètre chiffre et l'additionne au paramètre nombre.
Secret (cliquez pour afficher)

Calculer le périmètre d'un rectangle

Encore et toujours des maths... Mais sous forme de programmation, c'est quand même mieux, vous ne trouvez pas ? Bon, cette fois-ci, vous allez vous débrouiller (presque) tout seuls. Vous allez devoir créer une fonction qui calculera le périmètre d'un rectangle. Quoi ? Vous ne savez même plus comment on fait la démarche ? C'est votre jour de chance, je vais vous expliquer.


Un rectangle est composé de 4 côtés. La largeur, la hauteur, la largeur et la hauteur. Le périmètre de ce rectangle est le bord noir, donc, puisqu'il y a 2 côtés "longueur" et deux autres "largeur", il suffit juste de savoir combien mesure la largeur et la hauteur du rectangle.
Ok, je ne sais pas expliquer. Je vais donc me rattraper sur le calcul, je vais vous le donner : il faut faire : largeur x 2 + longueur x 2. Une dernière petite chose avant de vous laisser tout seuls : la fonction calculer_perimetre_rectangle aura comme paramètres largeur et longueur.
Secret (cliquez pour afficher)
J'espère que vous avez réussi, car c'était censé être simple. Je suppose que si vous avez fait tous les exercices que je vous ai proposés, vous avez bien compris ce que sont les fonctions, donc vous n'avez plus rien à apprendre à leur sujet.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

function a()
{
var chiffre = 1;
chiffre *= 5;
return chiffre;
}

function b(parametre)
{
var resultat = parametre * 5;
return resultat;
}

1
2
3
4
5

function ma_fonction(x)
{
var resultat = x*2*2*2*2/16;
return resultat;
}

1
2
3
4

function je_sers_a_rien(parametre)
{
return parametre;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

function calculer(chiffre)
{
var resultat = chiffre + 13;
return resultat;
}

document.write('Voici ce que renvoie la fonction calculer quand je lui envoie 6 : '+calculer(6)+'<br/>');

var contenu = calculer(6); /* On met en mémoire ce que renvoie la fonction calculer quand on lui envoie 6 */

document.write('Voici ce que contient la variable contenu : '+contenu);