0%
Génériques en TypeScript

Génériques

Code réutilisable avec la sécurité des types

10-15 min

Génériques en TypeScript

Les génériques permettent de créer des composants réutilisables qui peuvent fonctionner avec différents types tout en conservant la sécurité des types.

Introduction aux génériques

Problème sans génériques

// Sans génériques - code dupliqué
function identiteString(arg: string): string {
  return arg;
}

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

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

// Ou utilisation d'any - perte de type safety
function identiteAny(arg: any): any {
  return arg;
}

Solution avec génériques

// Avec génériques - réutilisable et 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

// Inférence de type
let resultat1 = identite("hello");  // TypeScript infère T = string
let resultat2 = identite(42);       // TypeScript infère T = number

Commentaires

Les commentaires sont alimentés par GitHub Discussions

Connectez-vous avec GitHub pour participer à la discussion

Lien copié !