Tout comprendre sur les fonctions de façon générale
On appelle fonction un sous-programme qui permet d’effectuer un ensemble d’instructions par simple appel de la fonction dans le corps du programme principal. Cette notion de sous-programme est généralement appelée fonction dans les langages autres que le Javascript (toutefois leur syntaxe est généralement différente…). Les fonctions permettent d’exécuter dans plusieurs parties du programme une série d’instructions, cela permet une simplicité du code et donc une taille de programme minimale. D’autre part, une fonction peut faire appel à elle-même, on parle alors de fonction récursive (il ne faut pas oublier dans ce cas de mettre une condition de sortie au risque sinon de ne pas pouvoir arrêter le programme…).
Javascript contient des fonctions prédéfinies qui peuvent s’appliquer pour un ou plusieurs types d’objets spécifiques, on appelle ces fonctions des méthodes.
Avant d’être utilisée, une fonction doit être définie car pour l’appeler dans le corps du programme il faut que le navigateur la connaisse, c’est-à-dire qu’il connaisse son nom, ses arguments et les instructions qu’elle contient. La définition d’une fonction s’appelle “déclaration”. La déclaration d’une fonction se fait grâce au mot clé function selon la syntaxe suivante :
Il est possible de mémoriser un ensemble d’instructions, parfois complexes, en Javascript, grâce au fonction utilisateur. Une fonction est comme un sous-programme dans le programme principal. Elles sont très utilisées en programmation orientée objet.
La fonction constitue donc un ensemble d’instructions que vous écrivez une seule fois mais qui peut être utilisée plusieurs fois. Il suffira de la rappeler par son nom, ce qui vous dispense de recopier à chaque fois toutes les instructions dans le code.
Une fonction peut même récupérer des paramètres (des éléments nécessaires à son fonctionnement) et retourner des valeurs.
-
le mot clé function est suivi du nom que l’on donne à la fonction
-
le nom de la fonction suit les mêmes règles que les noms de variables :
-
le nom doit commencer par une lettre
-
un nom de fonction peut comporter des lettres, des chiffres et les caractères _ et & (les espaces ne sont pas autorisés!)
-
le nom de la fonction, comme celui des variables est sensible à la casse (différenciation entre les minuscules et majuscules)
-
-
Les arguments sont facultatifs, mais s’il n’y a pas d’arguments, les parenthèses doivent rester présentes
-
Il ne faut pas oublier de refermer les accolades
-
Le nombre d’accolades ouvertes (fonction, boucles et autres structures) doit être égal au nombre d’accolades fermées!
-
La même chose s’applique pour les parenthèses, les crochets ou les guillemets!
Une fois cette étape franchie, votre fonction ne s’exécutera pas tant que l’on ne fait pas appel à elle quelque part dans la page!
Il est possible de passer des paramètres à une fonction, c’est-à-dire lui fournir une valeur ou le nom d’une variable afin que la fonction puisse effectuer des opérations sur ces paramètres ou bien grâce à ces paramètres.
Lorsque vous passez plusieurs paramètres à une fonction il faut les séparer par des virgules, aussi bien dans la déclaration que dans l’appel et il faudra veiller à bien passer le bon nombre de paramètres lors de l’appel au risque sinon de créer une erreur dans votre Javascript…
Un callback est une fonction de rappel qui est passée en paramètre d’une autre fonction. Elle est fréquemment appelée lorsque la fonction qui la contient a terminé son traitement.
On les retrouve surtout pour la programmation asynchrone, quand le temps d’un traitement n’est pas connu et qu’on souhaite enchaîner, à la fin de ce traitement, une nouvelle action (par exemple lorsque qu’une animation est terminée et qu’on en commence une autre tout de suite après).
L’exemple ci-dessous utilise le callback pour afficher les images sur la page après les avoir préchargées.
Course Information
Course Instructor
