Nous voilà de retour cher.ères ami.es codeurs ou codeuses ! Aujourd’hui nous allons parler des fonctions en Javascript. Sans plus tarder, entrons dans le vif du sujet.
1. Qu’est-ce qu’une fonction ?
Une fonction est un ensemble d’instructions regroupées dans un bloc (simple et efficace comme définition😉). La fonction est là pour réaliser une tâche spécifique. C’est comme lorsqu’une personne dit: « Je suis développeur web », la fonction de cette dernière est « développeur » et la tâche qu’elle effectue est « développer des choses dans le domaine du web ». C’est bien beau toutes ces choses mais une fonction elle nous sert à quoi concrètement ?
2. Quel est donc l’intérêt ?
Ma réponse est : DRY 😡.
Eh bien DRY veut dire « Don’t Repeat Yourself ». Vous l’aurez certainement compris. Cela veut dire « Ne vous répétez pas ». C’est une des règles des développeurs. Au lieu de Copier/Coller le même code à plusieurs endroits de votre fichier, il est conseillé de le transformer en fonction (Ne soyez pas têtu.es, suivez le conseil 😒).
3. Comment écrire une fonction Javascript ?
Les fonctions en général ont un cycle :
✅ la déclaration : elle consiste à donner un nom à la fonction et tout ce qu’elle doit contenir comme instructions.
✅ l’appel : il consiste à faire appel à la fonction pour qu’elle s’exécute. Pour exécuter une fonction, on écrit le nom de la fonction suivi des parenthèses.
nomDeLaFonction()
4. Comment déclarer et exécuter une fonction ?
Il y a plusieurs (tant qu’il y a au moins deux c’est déjà bon) manières d’écrire une fonction Javascript.
🔥 L’utilisation du mot clé function suivi du nom de la fonction. La fonction peut avoir ou non des paramètres. 👇
🔥 L’utilisation des fonctions anonymes ou des arrow functions (pour les anglais)
Le hic avec ces fonctions, c’est que nous ne pouvons pas les appeler après puisqu’ils n’ont pas de nom. C’est pour cela qu’on prend leur référence dans des variables comme suit :
🔥 L’utilisation des IIFE (Immediately Invoked Function Expression). Ces types de fonctions sont exécutées juste après leur déclaration.
5. Quelques exemples de fonctions built-in (par défaut) de Javascript
👉🏽 alert : crée un popup contenant le message que vous lui donnez en paramètre ;
👉🏽 console.log : affiche un message dans la console du navigateur ;
👉🏽 console.table : affichage formaté d’un tableau dans la console du navigateur ;
👉🏽 console.error : affiche un message comme une erreur ;
👉🏽 [array].filter : pour filtrer les éléments d’un tableau ;
👉🏽 etc.
À la prochaine pour un nouvel article !