Generics en métodos

Clase 23 de 25 • Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Contenido del curso

Introducción

1
¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?
05:16 min

Fundamentos de POO

POO Avanzada

Asincronismo y consumo de APIs

Genéricos

Próximos pasos

25
¿Quieres más cursos de TypeScript?
01:20 min

Tomar examen

Sebastián Peña

student•

🎯 ¿Qué son los Generics?

En TypeScript, los generics son como variables para los tipos.

Nos permiten crear código reutilizable que funciona con diferentes tipos, pero manteniendo seguridad de tipos 🛡️.

📌 En vez de forzar un tipo fijo, dejamos que sea dinámico, pero siempre bien tipado.

🏛 Generics en métodos dentro de una clase

Cuando usamos generics en una clase, normalmente los declaramos a nivel de clase.

Pero… ¡también se pueden declarar en métodos individuales! ✅

Esto es útil cuando:

El tipo genérico solo se necesita en un método específico.
Queremos que cada método maneje distintos tipos sin que toda la clase tenga que ser genérica.
El tipo depende de la llamada y no de la instancia completa.

📄 Ejemplo base

export class BaseHttpService<TypeClass> {
  constructor(private url: string) {}

  async getAll() {
    const { data } = await axios.get<TypeClass[]>(this.url);
    return data;
  }

  async update<ID, DTO>(id: ID, changes: DTO) {
    const { data } = await axios.put<TypeClass>(`${this.url}/${id}`, changes);
    return data;
  }
}

🔍 Puntos clave:

TypeClass es el genérico a nivel de clase (lo usa getAll y update para saber el tipo base de datos).
En update<ID, DTO>, ID y DTO son genéricos solo de ese método:
- ID → tipo del identificador (puede ser number, string, UUID, etc.).
- DTO → tipo del objeto con los cambios (Data Transfer Object).

🛠 Caso práctico

(async () => {
  const url = '';
  const productService = new BaseHttpService<Product>(url);

  const updated = await productService.update<number, UpdateProductDto>(
    200,
    { title: 'New Title' }
  );
})();

💡 Aquí, aunque la clase está tipada con Product,

el método update decide dinámicamente el tipo de ID y DTO según la llamada.

🔄 Usando generics en clases que extienden de otra

A veces una clase hija hereda de una clase padre con generics, y en los métodos de la hija también puedes usar generics.

export class ProductCRUDService extends BaseHttpService<Product> {
  async customUpdate<ID, DTO>(id: ID, dto: DTO) {
    return this.update(id, dto);
  }
}

🚀 Ventajas:

Se combina el tipo fijo de la clase padre (Product) con la flexibilidad de tipos en los métodos.
Permite personalizar métodos con validaciones o reglas extra.

📌 ¿Conviene usar generics siempre?

⚠️ No necesariamente.

✔ Úsalos cuando el tipo pueda variar y quieras mantener seguridad de tipos.
❌ Evítalos si el tipo es siempre el mismo y no hay variación, para mantener el código simple.

📊 Regla práctica:

Si un método puede recibir diferentes tipos en distintos contextos → usa generics.Si siempre es el mismo → tipa directamente.

Generics en métodos

Introducción

¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

Fundamentos de POO

Class

Métodos

Acceso público

Acceso privado

Constructor

Getters

Setters

POO Avanzada

Herencia

Acceso protegido

Static

Interfaces

Clases abstractas

Singleton: constructor privado

Asincronismo y consumo de APIs

Promesas

Tipando respuestas HTTP

Proyecto: migración de funciones a clases

Consumiendo ProductMemoryService

ProductHttpService

Consumiendo ProductHttpService

Genéricos

Generics

Generics en clases

Generics en métodos

Decoradores

Próximos pasos

¿Quieres más cursos de TypeScript?