0Pricing
TypeScript Academy · Lezione

Vincoli dei generics: restringere i parametri di tipo

Utilizzi extends per imporre requisiti strutturali ai generics.

Vincoli dei generics: restringere i parametri di tipo è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

I vincoli generici avanzati consentono di restringere i tipi utilizzabili come argomenti di tipo, abilitando operazioni con sicurezza dei tipi su strutture complesse.

Riepilogo dei vincoli

T extends U limita T ai tipi che sono sottotipi di U. In questo modo TypeScript conosce la struttura di T all'interno della funzione.
function len<T extends { length: number }>(val: T): number {
  return val.length;
}

Vincolo su metodi specifici

Richieda che T disponga di un metodo specifico imponendo come vincolo un'interfaccia che lo contiene.
interface Stringable { toString(): string; }
function stringify<T extends Stringable>(val: T): string {
  return val.toString();
}

Inferenza dal vincolo

Usi keyof all'interno del vincolo per creare accessor sicuri.
function pluck<T, K extends keyof T>(items: T[], key: K): T[K][] {
  return items.map(item => item[key]);
}
const names = pluck(users, 'name'); // string[]

Vincoli di tipo higher-kinded (simulati)

TypeScript non supporta i tipi higher-kinded reali, ma può simularli con tipi condizionali e vincoli.

Vincolo su tipi primitivi

Limiti i parametri di tipo a specifici tipi primitivi per funzioni specializzate.
type Primitive = string | number | boolean | bigint | symbol | null | undefined;
function isPrimitive<T extends Primitive>(val: T): true { return true; }

Vincoli ricorsivi

I vincoli possono fare riferimento a se stessi per i pattern ricorsivi.
interface Comparable<T> { compareTo(other: T): number; }
function sort<T extends Comparable<T>>(items: T[]): T[] {
  return [...items].sort((a, b) => a.compareTo(b));
}

Vincolo con valore predefinito

Un parametro di tipo può avere sia un vincolo sia un valore predefinito. Il valore predefinito deve soddisfare il vincolo.
function process<T extends object = Record<string, unknown>>(data: T): void {
  console.log(Object.keys(data));
}

T extends Record<string, unknown>

Imponga come vincolo un tipo record per abilitare l'accesso dinamico alle proprietà.
function getValue<T extends Record<string, unknown>>(obj: T, key: string): unknown {
  return obj[key];
}

Inferenza dei vincoli nei tipi restituiti

Quando T è soggetto a un vincolo, TypeScript usa il vincolo per determinare le operazioni valide sul tipo restituito.
function firstKey<T extends object>(obj: T): keyof T {
  return Object.keys(obj)[0] as keyof T;
}

Utility NoInfer (TS 5.4)

TypeScript 5.4 ha introdotto NoInfer per impedire che un parametro di tipo venga dedotto da una specifica posizione dell'argomento.
function createState<T>(initial: T, fallback: NoInfer<T>): T {
  return initial ?? fallback;
}

Verifica rapida

Che cosa aggiunge `T extends { length: number }` a T all'interno di una funzione generica?

Riepilogo

I vincoli avanzati restringono i tipi generici a strutture, metodi o unioni di primitivi specifici. Li combini con keyof, pattern ricorsivi e valori predefiniti per creare potenti utility con sicurezza dei tipi.

Domande Frequenti

La lezione «Vincoli dei generics: restringere i parametri di tipo» è gratuita?

Sì — il testo completo di «Vincoli dei generics: restringere i parametri di tipo» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Vincoli dei generics: restringere i parametri di tipo»?

Utilizzi extends per imporre requisiti strutturali ai generics. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.

Quanto tempo richiede la lezione «Vincoli dei generics: restringere i parametri di tipo»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. keyof e tipi di accesso indicizzato
  2. Vincoli dei generics: restringere i parametri di tipo
  3. Tipi condizionali: T extends U ? X : Y
  4. Tipi condizionali distributivi
← Torna a TypeScript Academy