- Introduction
- Les fonctions sans arguments
- Les fonctions avec un argument
- Les fonctions avec plusieurs arguments
- Les fonctions anonymes
- Les expressions de fonction
- Les fonctions avec une valeur de retour (return)
- Copier une fonction
- Les fonctions callback
- Les fonction recursives
- Les fonctions fléchées
- Les closures
What you'll learn
- Javascript, les fonctions et les tableaux
- Comment utiliser les fonctions en javascript
- Apprendre les contours des fonctions en javascript
- Comment fonctionne les tableaux
Description
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.
Other Courses
How to shade a realistic cat + important tips
Making it easy for anyone to draw and shade a realistic cat/Simplified version of drawing
Jiping Tai Chi Cudgel Knocking Skill for Fitness
Master simple and efficient Chinese medicine self massage.
Geography & Environmental Science: Sustainability
The Principles of Sustainability
High Paying Six-Figure Work From Home Accounting Jobs!
Ultimate Career Guide to Earning Six-Figures Working from Home as an Accountant!
About the instructors
- 3.7 Calificación
- 1345 Estudiantes
- 1 Cursos
Prince Yekpahi R. Bai
Développeur et formateur
Je suis ingénieur en biotechnologie. Passionné par la programmation, je me suis formé en informatique sur des sites comme Udemy et aujourd'hui, je me sens plus à l'aise dans ce domaine. J'ai travaillé jour et nuit pour acquérir un savoir conséquent en développement web, mobile, etc. Je suis aussi entrain de créer une entreprise dans le domaine l'informatique.
Student feedback
Course Rating
Reviews
tb
top
c'était claire et bénéfique merci