0%
Genéricos en TypeScript

Genéricos

Código reutilizable con seguridad de tipos

10-15 min

Genéricos en TypeScript

Los genéricos permiten crear componentes reutilizables que pueden funcionar con distintos tipos manteniendo la seguridad de tipos.

Introducción a los genéricos

Problema sin genéricos

// Sin genéricos - código duplicado
function identiteString(arg: string): string {
  return arg;
}

function identiteNumber(arg: number): number {
  return arg;
}

function identiteBoolean(arg: boolean): boolean {
  return arg;
}

// O uso de any - pérdida de type safety
function identiteAny(arg: any): any {
  return arg;
}

Solución con genéricos

// Con genéricos - reutilizable y type-safe
function identite<T>(arg: T): T {
  return arg;
}

// Utilisation
let resultatString = identite<string>("hello");     // Type: string
let resultatNumber = identite<number>(42);          // Type: number
let resultatBoolean = identite<boolean>(true);     // Type: boolean

// Inferencia de tipo
let resultat1 = identite("hello");  // TypeScript infiere T = string
let resultat2 = identite(42);       // TypeScript infiere T = number

Comentarios

Los comentarios funcionan con GitHub Discussions

Inicia sesión con GitHub para participar en la discusión

¡Enlace copiado!