Sommaire

Les fonctions

1. Les objectifs

Les fonctions vont vous permettre de créer des lignes de code que vous allez regrouper en un bloc que vous nommerez. Cela va permettre de mieux structurer votre code, de spécialiser certaines fonctionnalités et d’appeler chaque fonction plusieurs fois, dans des scripts et des pages différentes.

2. Créer une fonction

Voilà la syntaxe de base de création d’une fonction :

function ma_fonction () { 
    instruction1 ; 
    instruction2 ; 
    ... 
} 
ma_fonction ();

Détaillons ce code :

  • Nous utilisons le mot-clé réservé function pour créer une nouvelle fonction.

  • Cette fonction est nommée ma_fonction.

Notez bien que les fonctions sont des variables, donc vous devez respecter les règles de nommage que nous avons vues précédemment.

  • Le nom de la fonction est obligatoirement suivi par des parenthèses, qui permettront de passer d’éventuels paramètres à cette fonction.

  • Nous avons ensuite une paire d’accolades.

  • Entre ces accolades, nous indiquons toutes les instructions que doit exécuter cette fonction.

  • La dernière ligne appelle la fonction afin qu’elle soit exécutée.

Nous allons créer une fonction simple afin d’en comprendre l’utilisation. Cette fonction sera créée dans un fichier JavaScript qui sera nommé dans cet exemple ma-fonction.js.

Voici le code de cette fonction : ...