Les fonctions pures sont un concept essentiel en JavaScript, car elles jouent un rôle crucial dans la programmation fonctionnelle. Une fonction pure est une fonction qui produit le même résultat pour les mêmes entrées, sans aucun effet de bord. Cela signifie qu’une fonction pure ne modifie pas les variables en dehors de son contexte, n’accède pas à des données externes ou ne provoque aucun effet visible en dehors de sa portée.
Dans ce tutoriel, nous allons explorer les fonctions pures en JavaScript et comment les utiliser dans vos projets.
Définition des fonctions pures :
Les fonctions pures sont des fonctions qui ne dépendent que des valeurs de leurs arguments et qui ne produisent aucun effet de bord. Cela signifie qu’une fonction pure ne modifie pas l’état d’autres variables ou de l’application dans son ensemble.
Exemple de fonction pure :
function add(a, b) {
return a + b;
}Ici, la fonction add est une fonction pure car elle ne modifie pas les valeurs des variables a et b en dehors de son contexte. Elle produit simplement un nouveau résultat en additionnant les deux valeurs.
Maintenant, voyons comment utiliser des fonctions pures dans vos projets JavaScript en les déclarant dans votre code HTML.
- Créer une nouvelle page HTML :
Commencez par créer un nouveau fichier HTML en ouvrant un éditeur de code et en ajoutant les balises HTML de base :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Les fonctions pures en JavaScript</title>
</head>
<body>
</body>
</html>- Ajouter un script JavaScript :
Ensuite, ajoutez une balise <script> à l’intérieur de la balise <body> pour inclure votre code JavaScript. Dans cet exemple, nous allons définir une fonction pure pour additionner deux nombres :
<script>
function add(a, b) {
return a + b;
}
console.log(add(5, 3)); // Résultat : 8
</script>- Tester la fonction pure :
Enfin, ouvrez votre fichier HTML dans un navigateur pour voir le résultat de l’addition des deux nombres. Vous devriez voir le résultat 8 s’afficher dans la console du navigateur.
En conclusion, les fonctions pures sont un concept important en programmation fonctionnelle en JavaScript. Elles permettent de créer un code plus prévisible, testable et maintenable en évitant les effets de bord. En les utilisant correctement, vous pouvez améliorer la qualité et la lisibilité de votre code JavaScript. N’hésitez pas à expérimenter avec des fonctions pures dans vos projets pour en tirer le meilleur parti !
Cette notation ne clone pas les sous objets, faut passer par du lodash pour cloner efficacement
J'ai eu un cours là dessus ya quelques pendant ma derniere année de Master Tech. Je t'avoue que je ne comprenais pas trop l'utilité mais là avec ton exemple de spread le tableau pour pas qu'au cas où il change ça casse la fonction, c'est juste un use case tellment parlant. Merci, t'as gagné un abonné ❤️
quelle horreur! donc javascript passe systématiquement les paramètres des fonctions par référence?
Travailler sur une copie ici ?
après il faut faire attention car spread un array peut s'avérer très coûteux niveau performance