Définition
Fonction
Une fonction en JavaScript est un bloc de code conçu pour effectuer une tâche particulière. Elle est exécutée lorsque quelque chose l'appelle (l'invoque).
Paramètre
Un paramètre est une variable énumérée dans la définition de la fonction. Les paramètres permettent de transmettre des données ou valeurs à une fonction.
Argument
Un argument est une valeur réelle passée à la fonction. Il est le reflet d'un paramètre lors de l'invocation de la fonction.
Valeur de retour
La valeur de retour est la valeur qui est renvoyée par une fonction lorsqu'elle termine son exécution.
Définitions générales
Les fonctions en JavaScript sont des blocs de code réutilisables et structurés qui permettent d'exécuter des actions définies. Elles réduisent la répétition et favorisent la modularité.
Types de Fonctions
Fonctions Déclarées
Les fonctions déclarées sont définies à l'aide du mot-clé 'function' suivi par le nom de la fonction, des parenthèses pour les paramètres, et un bloc de code entre accolades. Elles peuvent être invoquées avant même leur déclaration grâce au mécanisme de hoisting de JavaScript.
Fonctions Anonymes et Expressions de Fonction
Les fonctions anonymes sont des fonctions sans nom. Elles sont généralement utilisées comme des valeurs pour d'autres fonctions ou méthodes. Les expressions de fonction sont une forme de fonction anonyme affectée à une variable, ce qui leur permet d'être nommées et de s'auto-exécuter dans certains cas.
Fonctions Fléchées
Introduites dans ECMAScript 6, les fonctions fléchées sont une syntaxe plus concise pour écrire des fonctions anonymes. Elles ne possèdent pas leur propre contexte 'this' et sont souvent utilisées pour des opérations de callback ou dans des fonctions de style fonctionnel.
Fonctions Génératrices
Les fonctions génératrices permettent de contrôler le flux d'exécution de manière plus précise grâce à l'utilisation du mot-clé 'yield'. Elles sont définies à l'aide d'un astérisque (*) et retournent des objets générateurs qui peuvent être parcourus par des itérateurs.
Portée des Fonctions
La portée des fonctions en JavaScript détermine la visibilité des variables à l'intérieur et à l'extérieur d'une fonction. Il existe deux types de portée : la portée locale, qui est limitée à la fonction, et la portée globale, qui est accessible partout dans le code.
Portée Locale
Les variables déclarées à l'intérieur d'une fonction ne sont accessibles qu'à l'intérieur de cette fonction. Cela permet d'éviter les conflits de variables lorsque plusieurs fonctions sont définies dans le même programme.
Portée Globale
Les variables déclarées en dehors de toute fonction ont une portée globale, ce qui signifie qu'elles sont accessibles depuis n'importe où dans le code. Cependant, il faut être prudent avec les variables globales pour éviter les effets indésirables et les collisions de noms.
Appels et Exécution de Fonctions
Une fonction JavaScript est appelée (ou invoquée) en utilisant son nom suivi de parenthèses, et éventuellement d'arguments. Cette action exécute le bloc de code contenu dans la fonction. Il est possible d'appeler une fonction plusieurs fois dans un programme, ce qui favorise sa réutilisation.
A retenir :
Les fonctions en JavaScript sont des éléments de base du langage permettant d'organiser le code en unités logiques réutilisables. Il existe divers types de fonctions, telles que les fonctions déclarées, anonymes, fléchées, et génératrices, chacune ayant ses propres caractéristiques et usages. La compréhension de la portée (locale et globale) est cruciale pour éviter les erreurs et conflits de contexte dans le code. La capacité d'appeler et de réutiliser des fonctions de manière flexible est essentielle pour écrire du code JavaScript efficace et maintenable.