2.7 Les Fonctions

Bonjour à tous et bienvenue sur ce cours ou on va voir les fonctions en JavaScript. Dans la catégorie des types de références, vous avez appris les objets et les tableaux, voyons maintenant les fonctions. Les fonctions sont l'un des éléments les plus fondamentaux de JavaScript. Une fonction est essentiellement un ensemble d'instruction qui exécute une tache ou calcule une valeur. Par exemple, on va déclarer une fonction en utilisant le mot clé "function". Maintenant, nous devons lui donner un nom, donc on va l'appeler salutations ensuite nous devons ajouter des parenthèses, cela fait partie de la syntaxe de déclaration des fonctions. On ajoute par la suite des accolades. Ce que nous avons ici à l'intérieur des accolades est ce que nous appelons le corps de cette fonction, c'est ici que nous ajoutons toutes les instructions pour définir une sorte de logique dans notre application. Par exemple, la logique de cette fonction doit d'afficher un message sur la console donc on fait un console.log On va ajouter un message: bonjour tout le monde. Notez maintenant que nous avons ici une instruction, donc on oublie pas le point virgule à la fin. Mais lorsque l'on déclarons une fonction, nous n'avons pas besoin d'ajouter de ";" car nous ne le déclarons pas comme une variable. Ceci est une déclaration de fonctions. On va faire appel à cette fonction comme ceci, nous ajoutons le nom de la fonction salutations. A nouveau les parenthèses, le ";" à la fin pour indiquer qu'il s'agit d'une instruction. Nous avons maintenant Bonjour tout le monde sur la console. Maintenant que ferions-nous avec ça? Permettez-moi de vous montrer comment rendre cela plus intéressant. Nos fonctions peuvent avoir des entrées et ses entrées peuvent changer le comportement de la fonction. Disons qu'au lieu d'afficher "Bonjour tout le monde" nous voulons afficher le nom de la personne ici comme "bonjour John". Nous pouvons donc ajouter une variable. Donc nous nous référons à cette variable en tant que paramètre, ainsi cette fonction d'accueil a un paramètre appelé "name" et essentiellement "name" est comme une variable qui n'a de sens qu'à l'intérieur de cette fonction. A l'intérieur de cette fonction, nous pouvons travailler avec cette variable "name" mais elle ne sera pas accessible en dehors de cette fonction. Le "name" est maintenant une entrée pour cette fonction. Au lieu d'afficher "Bonjour tout le monde" vous pouvez afficher bonjour puis ajouter un + ici pour concatener deux chaines. Maintenant lors de l'appel de la fonction d'accueil, nous devons passer une valeur pour la variable de "name" ou un paramètre de "name" plus précisement. Maintenant nous nous réferons à cela comme un argument donc "John" est un argument pour la fonction d'accueil et le "name" est un paramètre de la fonction d'accueil, c'est l'une des choses que beaucoup de programmeurs connaissent. Ils ne connaissent pas la différence entre un paramètre et un argument. Donc un paramètre est ce que nous avons ici au moment de la déclaration mais l'argument est la valeur réelle de se paramètre. On enregistre les modifications et on a donc "Bonjour John". Nous pouvons réutiliser cette fonction mais avec une entrée différente donc on peut par exemple changer cette ligne ici. Et changer "John" en "Mary". Nous avons deux messages différents sur la console. Une fonction avoir plusieurs paramètre. Ici nous pouvons avoir des paramètres séparés en utilisant une virgule. Alors ajoutons un autre paramètre comme "lastName" donc sur notre console log on ajoute un espace. Puis on affiche le nom de famille "lastName". Lors de l'appel de cette fonction d'accueil, nous devons passer un autre argument pour "lastName". Voyons ce qui se passe si nous faisons pas cala. On enregistre les modifications et on obtient "Bonjour John undefined". Parce que comme je vous l'ai déjà dis, la valeur par défaut des variablse en JavaScript n'est pas définie. Donc parce que nous n'avons pas passé de valeurs pour "lastName", par défaut elle n'est pas définie. Je vais donc passer un autre argument ic. Nous les séparons à l'aide virgule. Nous n'avons pas besoin de ce deuxième appel à la fonction. Lorsque nous enregistrons les modifications, nous avons maintenant "Bonjour John Smith". Voilà pour cette petite démonstration. On se retrouve pour la prochaine vidéo sur les types de fonctions en JavaScript.