Cours de Javascript 2022

Chapitre 2 - Théorie 2 : Les fonctions dans le code

Sans réellement le savoir, vous avez déjà utilisé des fonctions dans le code, et elles se reconnaissent assez facilement à l'aide du couple de parenthèses qui suivent son nom. Une idée ? Et bien oui, nous avons vu alert() précédemment ! alert() est bien une fonction, celle-ci permet de faire apparaître une pop-up avec du contenu.

Toutes les futures fonctions que l'on va utiliser qui sont déjà créée en Javascript seront reconnaissable à ce couple de parenthèse, on peut parler de prompt(), filter(), use(), map(),...

Par contre, ce qui nous intéresse dans ce cas, c'est de nous même créer une fonction, et là, c'est un peu différent, rien d'effrayant, mais il faut s'y faire, c'est une convention à respecter. Voici comme exemple une fonction qui ne fait rien :

function MyFirstFunction(_argumentUn,_argumentDeux,...,_argumentN)
{
 //Ceci est un commentaire, mais c'est ici que l'on mettrait notre code normalement
 return null;
}

Esquivons cette dernière ligne du return null, nous verrons plus tard ce que cela représente. mais commençons par parler tout d'abord du mot clef function. Celui ci permet de déclarer notre fonction. Ainsi, dès que vous voulez créer votre propre fonction, vous devrez d'abord commencer par ce mot clef, ensuite un espace et puis le nom de votre fonction. Ce nom peut être plus ou moins ce que vous voulez, cela dit, on respecte quelques conventions :

• Une majuscule à chaque début de mots
• Pas de caractères spéciaux
• Pas de chiffres
• Si possible en anglais
• Le nom doit décrire au mieux ce que la fonction fait

Ensuite, après avoir choisi un nom à notre fonction, on va mettre un couple de parenthèse, dedans on va y mettre les éventuels arguments. Nous verrons plus en détail à quoi cela correspond, mais sachez simplement que si vous n'avez pas d'arguments, les parenthèses seront quand même écrites mais sans rien dedans, exemple :
function MaFonctionSansArguments()
Enfin, le dernier élément important de la convention est la paire d'accolade, le code qui va s'executer à chaque appel de fonction va être écrite entre l'accolade ouvrante et l'accolade fermante.

Voici comme exemple une fonction qui prend en entrée 2 arguments et qui renvoie en sortie le résultat de l'addition de ces deux arguments:

function Addition( _nombreUn, _nombreDeux)
{
 let _resultat = _nombreUn + _nombreDeux;
 return _resultat;
}

Les prochaines notes de théories permettront de voir un peu plus en détail comment marchent les arguments et le return. Sachez simplement pour l'allégorie que les arguments sont les portes d'entrées de la fonction, qui permettent de transmettre à la fonction des informations dont elle a besoin pour fonctionner, et le return quant à lui, est la porte de sortie de la fonction et permet, lui, de renvoyer au programme principal, ou du moins à l'élément qui l'appelle, une information potentiellement utile au bon fonctionnement de celui-ci.

Très bien, nous avons créé une fonction ! Mais ce n'est pas fini ! En effet, tel quel, aucune de nos fonction ne va s'executer, car en effet, déclarer une fonction ne l'execute pas, la déclarer sert juste à dire comment celle-ci va fonctionner quand on va l'appeler. Maintenant il faut donc l'appeler, et ça vous l'avez déjà fait pour alert(). Pour appeler une fonction, il suffit d'écrire son nom ! Ainsi, si nous voulons appeler notre première fonction, nous pourrions faire de la sorte :

MyFirstFunction(argumentUn, argumentDeux, ..., argumentN)

Les seules choses à bien respecter étant d'un côté le fait de réécrire tel quel le nom de la fonction, au caractère près et à la majuscule près (on dit que c'est "sensible à la casse"). D'un autre côté au moins le nombre d'argument qui n'ont pas de valeur par défaut et leur type éventuel. Au risque de me répéter, nous parlerons de tout ça dans un autre chapitre de la théorie.

Et bien voilà, vous savez maintenant déclarer une fonction et l'appeler, reste plus qu'à imaginer leur utilité, mais ça, ça arrivera avec le temps !