Contenu

I. Fonction

Avant de voir comment fonctionne une fonction (sans aucun jeu de mots, évidemment), il convient de savoir ce qu'est une fonction, d'en saisir une première approche.

Imaginez-vous devant votre téléviseur allumé, la télécommande à la main : votre télécommande est un outil qui exécutera des tas d'actions selon les appels reçus.
"On|Off" ou est le bouton qui donne l'ordre d'éteindre votre télé allumée ;
"3" est le bouton qui donne l'ordre de passer sur la 3e chaine sélectionnée,
peu importe sur quelle chaine vous étiez ;

jusqu'ici, pas de paramètre qui influencera l'ordre donné.

Mais,
"vol+" ou est le bouton qui augmentera le volume du son...
son résultat dépendra de la précédente valeur mémorisée par le téléviseur...

"P-" passera à la chaine précédente selon l'ordre des chaines...
son résultat variera selon la chaine sur laquelle vous étiez...

là, un paramètre modifiera le résultat obtenu par l'utilisation de la touche.

Définition :
En informatique, on dira qu'une fonction est une sorte de sous-programme qui permet d'effectuer un ensemble d'instructions par simple appel de la fonction dans le corps du programme principal... comme chaque bouton de votre télécommande a sa fonction.

Belle définition, mais qui n'est pas totalement suivie par JS, puisqu'il existe dans JS des fonctions prédéfinies ou intégrées qui peuvent s'appliquer pour un ou plusieurs types d'objets spécifiques, on appelle ces fonctions des méthodes.
Nous avons déjà rencontré alert() et document.write(), voire même pour ceux qui se sont acharnés sur le chapitre précédent big(), strike() ou autres replace(xxx,yyy).

Il y a plusieurs fonctions intégrées permettant de créer de nouveaux scripts ou de modifier des scripts existants. Imaginez les fonctions intégrées comme des blocs de construction de vos scripts et de vos propres fonctions. Chacune exécute une série de choses quand elles sont appelées. Parmi elles, on a déjà cité ou on note : "fontcolor(""#AA3399")", "bold()", "alert()" et "anchor("nom_de_l_ancre")".
Les fonctions intégrées s'exécutent lorsqu'elles sont appelées depuis une autre fonction ou un script, vous avez dû le remarquer. Elles sont exécutées lorsque vous placez leur nom dans les lignes de code des scripts et des fonctions.
Dès que le script atteint la ligne contenant le nom de la fonction, il l'exécute. Ce procédé est désigné par "appel de fonction".

Le lecteur pourrait s'étonner que selon les cas, soit on ne note rien entre les parenthèses, soit on note un ou plusieurs éléments... qu'on appellera des paramètres. Pour commencer simplement, nous n'aborderons ici que les fonctions sans paramètre, donc avec des parenthèses vides.

Le but de ce chapitre sera de créer ses premières fonctions sans paramètres et de les appeler.

On parlait ci-dessus
d'une part d'un ensemble d'instructions effectuées à créer et
d'autre part d'un appel de la fonction.

Nous développons ces deux notions plus loin dans cette page.

A. la définition de la fonction

Avant d'être utilisée, la fonction ou miniprogramme doit être définie, elle doit avoir un nom et elle doit pouvoir exécuter les instructions qu'elle mettra en oeuvre. Ce n'est qu'alors que le programmeur pourra l'appeler par son nom, lui transmettre les informations dont elle aura besoin (les paramètres éventuels) et savoir ce qu'elle fera. C'est cela la définition de la fonction.

En JS, la syntaxe de création d'une fonction est simple :

on écrit le mot réservé function
(attention avec un U [comme en anglais] et pas un O [comme en français]) ;
on insère une espace ;
on écrit le nom de la fonction (par exemple "faire")
(à vous de faire preuve d'imagination, mêmes critères que pour les noms de variables :
1. nom doit commencer par une lettre,
2. les caractères suivants sont des chiffres, des lettres, des underscores [pas d'espaces]
3. le nom des fonctions est 'case sensitive', ou sensible à la casse
  attention : lettres non accentuées)
on ouvre et on ferme les parenthèses () sans espaces ni avant, ni entre,
et oui, ce sera pour y mettre des paramètres, mais on a dit qu'on commençait sans paramètre ;
on place une espace puis l'accolade ouvrante { ;
on incorpore une ligne vierge
(pour y noter en retrait, les instructions, chacune terminée par un point-virgule) ;
on place, sur une nouvelle ligne, l'accolade fermante }

Notre étape 6 est restée incomplète... il fallait y indiquer une ou plusieurs instructions que JS puisse exécuter...
par exemple, envoyer un message de bienvenue dans une fenêtre popup...
on écrira alors :
alert("Un bonjour de la part de CUY");

On n'oubliera pas que toute programmation en JS doit se trouver entre des balises <script>. Ainsi, la définition de notre première fonction se présentera ainsi :

<script type="text/javascript">

function faire() {
     alert("Un bonjour de la part de CUY");
     // d'autres instructions pourraient être notées ici
}

</script>

Votre première fonction est définie... mais elle ne sera jamais exécutée si on ne l'appelle pas... reste donc à savoir comment appeler une fonction en JS.

II. Comment appeler une fonction ?

voir suite >>>

VIII. Exercices relatifs aux fonctions

voir suite >>>

IX. Test relatif aux fonctions (notions de base)

voir suite >>>

Test : concaténation et manipulation de strings (5.9)

| | appel de fonctions (6.2)