T

Classes

TypeScript Syntax Guide

Programmation orientée objet avec des classes typées en TypeScript

Classes

Programmation orientée objet avec des classes typées en TypeScript

TypeScript classes (typescript)
        
          // Class with type annotations
class Person {
  // Property types
  name: string;
  private age: number;
  protected email: string;

  // Constructor
  constructor(name: string, age: number, email: string) {
    this.name = name;
    this.age = age;
    this.email = email;
  }

  // Method
  greet(): string {
    return `Hello, I'm ${this.name}`;
  }

  // Getter/Setter
  get isAdult(): boolean {
    return this.age >= 18;
  }

  set updateAge(newAge: number) {
    if (newAge >= 0) {
      this.age = newAge;
    }
  }

  // Static method
  static createAnonymous(): Person {
    return new Person("Anonymous", 0, "anonymous@example.com");
  }
}

// Inheritance
class Employee extends Person {
  jobTitle: string;
  salary: number;

  constructor(name: string, age: number, email: string, jobTitle: string, salary: number) {
    super(name, age, email);
    this.jobTitle = jobTitle;
    this.salary = salary;
  }

  work(): string {
    return `${this.name} is working as ${this.jobTitle}`;
  }

  // Method override
  greet(): string {
    return `${super.greet()} and I work as ${this.jobTitle}`;
  }
}

// Abstract classes
abstract class Shape {
  abstract getArea(): number;

  getDescription(): string {
    return `Area: ${this.getArea()}`;
  }
}

class Rectangle extends Shape {
  constructor(private width: number, private height: number) {
    super();
  }

  getArea(): number {
    return this.width * this.height;
  }
}

// Usage
const person = new Person("John", 25, "john@example.com");
const employee = new Employee("Jane", 30, "jane@example.com", "Developer", 75000);
const rect = new Rectangle(10, 20);

console.log(person.greet()); // Hello, I'm John
console.log(employee.greet()); // Hello, I'm Jane and I work as Developer
console.log(rect.getArea()); // 200
        
      

Explanation

TypeScript étend les classes JavaScript avec des fonctionnalités comme les modificateurs d'accès (public, private, protected) et les interfaces pour l'implémentation de classe, promouvant une conception orientée objet robuste.

Common Use Cases

  • Construire des applications complexes avec des structures d'objets claires
  • Implémenter des modèles de conception
  • Créer des composants réutilisables

Related TypeScript Syntax

Master Classes in TypeScript

Understanding Classes is fundamental to writing clean and efficient TypeScript code. This comprehensive guide provides you with practical examples and detailed explanations to help you master this important concept.

Whether you're a beginner learning the basics or an experienced developer looking to refresh your knowledge, our examples cover real-world scenarios and best practices for using Classes effectively in your TypeScript projects.

Key Takeaways

  • Construire des applications complexes avec des structures d'objets claires
  • Implémenter des modèles de conception
  • Créer des composants réutilisables