Clases y constructores de TypeScript

Bienvenida

Declaración de clase con propiedades

class Person {
  name: string;
  age: number;

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

Forma abreviada de las propiedades de parámetros

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

Métodos tipados

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

Getters y setters

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

Una clase como tipo

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

Miembros estáticos

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

Herencia de clases

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

Clases abstractas

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; }
}

Tipo `this` en las clases

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

Clase frente a interfaz y tipo

Comprobación rápida

Resumen