Chapitre 21 : Fonctions en Javascript
Les fonctions en Javascript sont l'un des principaux éléments constitutifs d'un programme. Une fonction est une procédure Javascript : un ensemble d'instructions qui exécute une tâche ou calcule une valeur. Pour utiliser une fonction, vous devez la définir quelque part dans la portée à partir de laquelle vous souhaitez l'appeler.
Définir les fonctions
Une fonction en Javascript est définie avec le mot clé "fonction", suivi d'un nom, suivi de parenthèses ().
function nom de fonction() {
// code à exécuter
}
Les crochets peuvent inclure des noms de paramètres séparés par des virgules : (paramètre1, paramètre2, ...)
Paramètres et arguments
Les termes paramètres et arguments peuvent être utilisés pour la même chose : des informations transmises à une fonction.
D'une fonction, les paramètres sont les noms répertoriés dans la définition de la fonction.
Les arguments sont les valeurs réelles reçues par la fonction lorsqu'elle est invoquée.
Lorsque vous invoquez une fonction, vous pouvez lui transmettre des arguments. Les arguments sont les valeurs que vous transmettez à la fonction.
Invoquer des fonctions
Une fonction exécutera votre code lorsque vous l'appelez. Vous appelez une fonction en faisant référence à son nom, suivi de parenthèses.
NomFonction();
Lorsqu'une fonction est appelée, les arguments sont transmis à la fonction en tant qu'entrées et la fonction peut les traiter pour produire une sortie.
Fonctions de retour
Une fonction peut avoir une instruction return facultative. L'instruction return termine l'exécution de la fonction et spécifie une valeur à renvoyer à la fonction appelante.
fonction maFonction() {
valeur de retour ;
}
Fonctions anonymes et expressions de fonctions
Les fonctions n'ont pas besoin d'avoir un nom. Vous pouvez créer des fonctions anonymes ou des expressions de fonction.
Une fonction anonyme est une fonction sans nom. Les fonctions anonymes sont généralement affectées à des variables ou utilisées comme arguments à d'autres fonctions.
var maFonction = fonction() {
// code à exécuter
}
Une expression de fonction est similaire à une fonction anonyme, sauf qu'elle est utilisée dans le cadre d'une expression plus large, telle qu'une opération arithmétique ou un appel de fonction.
(fonction() {
// code à exécuter
})();
Fonctions fléchées
Les fonctions fléchées sont une nouvelle syntaxe d'écriture de fonctions en Javascript introduite dans ES6. Elles sont plus courtes et plus faciles à écrire que les fonctions traditionnelles.
var maFonction = () => {
// code à exécuter
}
Les fonctions fléchées présentent quelques différences par rapport aux fonctions normales. Le plus remarquable est que la valeur de "this" dans une fonction fléchée est déterminée par le contexte d'invocation, et non par la fonction elle-même.
En résumé, les fonctions sont une partie essentielle de Javascript et sont utilisées pour encapsuler le code afin qu'il puisse être réutilisé. Ils peuvent prendre des arguments, renvoyer des valeurs et être nommés ou anonymes. Avec l'avènement d'ES6, nous avons également la possibilité d'utiliser la syntaxe des fonctions fléchées pour une écriture de code plus concise.
