TypeScript-Klassen und Konstruktoren

Willkommen

Klassendeklaration mit Eigenschaften

class Person {
  name: string;
  age: number;

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

Kurzschreibweise für Parameter-Eigenschaften

class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

Typisierte Methoden

class Calculator {
  add(a: number, b: number): number {
    return a + b;
  }
}

Getter und Setter

class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

Klasse als Typ

class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

Statische Member

class MathHelper {
  static PI = 3.14159;
  static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);

Klassenvererbung

class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

Abstrakte Klassen

abstract class Shape {
  abstract area(): number;
  describe(): string { return `Area: ${this.area()}`; }
}
class Square extends Shape {
  constructor(private side: number) { super(); }
  area() { return this.side ** 2; }
}

Der `this`-Typ in Klassen

class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

Klasse vs. Interface vs. Typ

Schnellüberprüfung

Zusammenfassung