Maîtriser les Fonctions en JavaScript
Les fonctions en JavaScript permettent de factoriser du code répétitif, facilitant ainsi la maintenabilité et l'évolutivité des applications.
Présentation de la formation Apprendre JavaScript Les fondamentaux
Présentation de JavaScript et de ses outils de développement
Les bases du langage JavaScript








Les Objets en JavaScript et le débogage
Modifier dynamiquement le HTML avec JavaScript






Factorisation et sécurisation en JavaScript
Détails de la leçon
Description de la leçon
Les fonctions sous JavaScript permettent de factoriser du code, c'est-à-dire de placer dans une fonction le code répétitif à exécuter souvent. Pour définir une fonction, on utilise le mot-clé function, suivi du nom de la fonction et des arguments qu'elle prend. La fonction doit être définie avant son utilisation. Par exemple, on peut créer une fonction qui affiche des civilités :
function ditBonjour(titre, nom) {
console.log('Bonjour ' + titre + ' ' + nom + '!');
}
Pour appeler cette fonction, vous utilisez : ditBonjour('Monsieur', 'Toto'); et ditBonjour('Madame', 'Tata');
Les fonctions sont souvent utilisées pour effectuer des traitements répétitifs et retourner une valeur à l'aide de l'instruction return. Par exemple, une fonction pour calculer un prix TTC à partir d'un prix HT :
function TTC(HT) {
const TVA = 0.196;
return HT * (1 + TVA);
}
Ensuite, pour obtenir un prix TTC : const prixTTC = TTC(100);
En adoptant de bonnes pratiques, comme le principe DRY (Don't Repeat Yourself), on évite les redondances dans le code, ce qui améliore la maintenabilité et la clarté du programme.
Objectifs de cette leçon
Comprendre l'intérêt des fonctions en JavaScript et savoir comment les utiliser pour améliorer la structure de votre code.
Prérequis pour cette leçon
Connaissances de base en programmation et notions fondamentales de JavaScript.
Métiers concernés
Développeur Web, Ingénieur Logiciel, Développeur Front-End.
Alternatives et ressources
Utilisation des fonctions fléchées en ES6, librairies et frameworks JavaScript avancés comme React ou Vue.js.
Questions & Réponses
