Premiers pas en JavaScript
6.1 Fonction = miniprogramme
cuy copyleft
  See You Why?  

 


Test : concaténation et manipulation de strings (5.9) | | appel de fonctions (6.2)

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 :

      1. on écrit le mot réservé function
        (attention avec un U [comme en anglais] et pas un O [comme en français]) ;
      2. on insère une espace ;
      3. 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)
      4. 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 ;
      5. on place une espace puis l'accolade ouvrante { ;
      6. on incorpore une ligne vierge
        (pour y noter en retrait, les instructions, chacune terminée par un point-virgule) ;
      7. 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)

 

 

Merci de votre visite à partir de :

Vous êtes sur :
https://cuy.be/cours/jvs/jvs_060_fonction_miniprogramme.html

partager sur FaceBook...           consulter sur FaceBook...

 

copyleft
Des liens ne fonctionnent plus ?
Avez-vous des suggestions ?
des commentaires, des corrections, un encouragement... ?
Pour info : Non, il n'y a pas de version papier ou DOC, PDF, etc. de ces notes.


Envoyez-moi un E-Mail (cuy(point)w(at)skynet(point)be)

Attention (at) signifie @ et (point) signifie .

Accueil CUY = See you why?

Compteur gratuitEasyCounter     BelStat Monitored by BelStat - Your Site Counts
La 1 000 000e page a été visitée le 21 mai 2010.
La 2 000 000e page a été visitée ce 18 mars 2012, vers midi.
La 3 000 000e page a été visitée ce 7 janvier 2014 entre 18 h et 18 h 45,
La 4 000 000e page a été visitée ce 5 juin 2015 entre 15 h 49 et 15 h 52,
La 5 000 000e page a été visitée ce 29 aout 2017 après 23 h 30,
Et la 6 000 000e page visitée, trop tôt pour y penser ?
 
et, d'après BelStat, CUY est visité surtout en semaine, peu le weekend...
moins et irrégulièrement pendant les vacances :

visites sur 3 mois, de la mi octobre 2013 à la mi janvier 2014.
 
La 3 333 333e page visitée a eu lieu ce mardi 10 juin 2014, en début d'après midi...
La 3 666 666e page visitée a eu lieu ce dimanche 28 decembre 2014, vers 16 h...
Un tiers de million de pages visitées en 154 jours cela fait une moyenne de 2165 pages visitées par jour...
Deux tiers de million de pages visitées en 355 jours soit une moyenne de 1878 pages visitées par jour...
et seulement 1195 pages visitées quotidiennement pendant les vacances estivales
de la mi juin à la mi septembre 2014

Vous voulez lire quelques messages reçus ?
quelques encouragements ?
Cliquez ici


Fin septembre 2009, installation de ce compteur
qui ne compte chaque nouvel ordinateur visiteur qu'une seule fois
free counter
 
m-à-j du 22/11/2021 :

Depuis cette fin septembre 2009, parmi les 210 pays (sur 274 drapeaux connus) qui nous ont visité,
voici les 100 pays qui nous visitent le plus, 
Nos petits visiteurs, classés par date de visite, où un seul ordi nous a visité, sont :
199. Turkmenistan (TM May 10, 2017) ; 200. Lesotho (LS March 1, 2017) ;
201. Turks and Caicos Island (TC January 18, 2016
202. Cook Islands (CK September 19, 2015)  203. Faroe Islands (FO January 27, 2015
204. Virgin Islands American (VI November 12, 2014) ;
205. Belize (BZ September 29, 2014) ;206. Eswatini - Swaziland (SZ July 21, 2014) ;
207. Grenada (GD April 3, 2014) ; 208. Timor-Leste (TI March 29, 2014) ;
209. American Samoa (AS December 26, 2012) ; 210. Guyana (GY November 5, 2010).