Contenu du cours
Maîtrise Avancée de JavaScript
Maîtrise Avancée de JavaScript
Déclaration de Classe
Dans cette section, nous nous concentrerons sur les classes JavaScript.
Pourquoi apprendre les classes en JavaScript?
Les classes en JavaScript offrent une manière plus organisée et plus propre de créer des objets, surtout pour les applications de grande taille. Elles favorisent la réutilisation et la structuration du code et simplifient l'héritage. Bien qu'elles ne soient pas obligatoires, les classes aident à gérer la complexité et rendent le code plus facile à lire, à maintenir et à étendre, surtout lorsqu'on travaille avec les principes de la programmation orientée objet.
Qu'est-ce qu'une classe en JavaScript?
Pensez à une classe comme au plan qu'un architecte utilise pour concevoir une maison. Le plan lui-même n'est pas une maison, mais il fournit les instructions pour en construire une. Chaque fois que vous construisez une nouvelle maison, vous suivez le même plan, mais chaque maison peut avoir des détails uniques—comme des couleurs, des matériaux ou des caractéristiques personnalisées différentes.
De la même manière, une classe en JavaScript est comme un plan pour créer des objets. Elle définit la structure (propriétés) et le comportement (méthodes) de ces objets. Chaque fois que vous créez un objet (une instance) à partir de la classe, il suit le même design, mais ses valeurs peuvent varier, tout comme chaque maison peut avoir une apparence différente.
Comment déclarer une classe
Déclarer une classe en JavaScript est simple. Utilisez le mot-clé class suivi du nom de la classe. Le corps de la classe, où les propriétés et les méthodes sont définies, est entouré d'accolades {}.
Dans cet exemple, nous déclarons une classe nommée Animal. Les classes en JavaScript ne sont pas élevées, ce qui signifie que vous devez déclarer la classe avant de l'utiliser.
La Méthode Constructeur
Si la classe est le plan, le constructor est comme l'équipe de construction qui prend le plan et assemble la maison. Lorsque vous construisez une maison (créez un objet), l'équipe (constructor) assemble la fondation, les murs, le toit et d'autres composants selon les instructions.
De même, le constructor dans une class initialise les propriétés de l'objet en fonction des arguments que vous passez - tout comme personnaliser la couleur de la peinture ou le type de sol de la maison. Chaque fois que vous créez une nouvelle instance, le constructor s'assure que l'objet est construit avec les détails corrects.
class Animal { constructor(name, type) { this.name = name; this.type = type; } } const lion = new Animal('Lion', 'Wild'); console.log(lion.name); // Output: Lion console.log(lion.type); // Output: Wild const pig = new Animal('Pig', 'Domestic'); console.log(pig.name); // Output: Pig console.log(pig.type); // Output: Domestic
Le constructor vous permet de passer des valeurs initiales lors de la création d'objets, le rendant flexible pour initialiser différents objets avec des détails personnalisés.
1. Pourquoi les classes sont-elles bénéfiques en JavaScript, surtout pour les applications plus grandes ?
2. Quel mot-clé est utilisé pour déclarer une classe ?
3. Quel rôle joue la méthode constructor dans une classe ?
4. Quelle sera la sortie du code suivant ?
Merci pour vos commentaires !
