logo oujood
🔍

🏗️ Classes et Constructeurs en TypeScript

Dans ce chapitre, tu vas apprendre les bases de la programmation orientée objet (POO) en TypeScript en découvrant comment définir une classe et utiliser un constructeur. Ces concepts sont essentiels pour créer des objets structurés, évolutifs et réutilisables.

OUJOOD.COM

📦 Qu’est-ce qu’une classe ?

Une classe est comme un plan de construction. Elle définit la structure d’un objet (ses propriétés) et son comportement (ses méthodes).

🔧 Qu’est-ce qu’un constructeur ?

Le constructeur est une méthode spéciale appelée automatiquement lors de la création d’un nouvel objet. Il sert à initialiser les propriétés de la classe.

🧱 Exemple simple de classe avec constructeur

📋 Copier le code

class Utilisateur {
  nom: string;
  age: number;

  constructor(nom: string, age: number) {
    this.nom = nom;
    this.age = age;
  }

  sePresenter(): string {
    return \`Bonjour, je m'appelle \${this.nom} et j'ai \${this.age} ans.\`;
  }
}

const user1 = new Utilisateur("Alice", 30);
console.log(user1.sePresenter());

🧠 Explication ligne par ligne :

  • class Utilisateur : on déclare une classe nommée Utilisateur
  • nom: string; age: number; : deux propriétés de type string et number
  • constructor(nom, age) : fonction appelée à chaque création d’objet
  • this.nom = nom : on affecte les valeurs passées au constructeur aux propriétés internes
  • sePresenter() : une méthode personnalisée qui retourne une phrase
  • new Utilisateur("Alice", 30) : on crée une instance de la classe

🧱 Classe abrégée avec paramètres dans le constructeur

TypeScript permet une écriture plus concise en déclarant et initialisant les propriétés directement dans le constructeur.

📋 Copier le code

class Produit {
  constructor(
    public nom: string,
    public prix: number
  ) {}

  afficher(): string {
    return \`\${this.nom} coûte \${this.prix} €\`;
  }
}

const p1 = new Produit("Clavier", 49.99);
console.log(p1.afficher());
  • Le mot-clé public permet de créer automatiquement les propriétés avec les valeurs reçues
  • On évite de répéter this.nom = nom à la main
  • Code plus court, mais tout aussi clair

📌 Résumé

  • Une classe définit la structure et le comportement d’un objet
  • Le constructeur initialise les valeurs à la création
  • On peut déclarer les propriétés à l’avance ou les inclure directement via public, private, etc.
  • On crée une instance avec new NomClasse(...)

🧭 Prochaine étape

Dans le prochain chapitre, tu vas apprendre à utiliser les modificateurs d’accès (`public`, `private`, `protected`) pour mieux contrôler les propriétés et méthodes de tes classes.

Souhaites-tu passer au Chapitre 2 du Module 2 : Modificateurs d'accès en TypeScript ?