TypeScript Academy · Lezione

Vincoli dei generics con extends

Limiti i parametri di tipo a strutture specifiche.

Vincoli dei generics con extends è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 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 limitano i tipi che possono essere passati come argomenti di tipo. Utilizzi `extends` per richiedere che T abbia determinate proprietà o corrisponda a una determinata struttura.

Il problema senza vincoli

Senza vincoli, TypeScript non sa quali operazioni siano valide su T, quindi consente solo le operazioni comuni a tutti i tipi.

function getLength<T>(val: T): number {
  // return val.length; // Error — T might not have .length
}

Aggiungere un vincolo

Utilizzi `T extends Shape` per richiedere che T abbia almeno le proprietà di Shape.

function getLength<T extends { length: number }>(val: T): number {
  return val.length;
}
getLength('hello');  // OK — string has .length
getLength([1, 2]);   // OK — array has .length
// getLength(42);   // Error — number has no .length

Vincolare a un'interfaccia

Vincoli T affinché implementi un'interfaccia specifica.

interface Named { name: string; }
function greet<T extends Named>(person: T): string {
  return 'Hello, ' + person.name;
}

Vincolo keyof

Utilizzi `K extends keyof T` per limitare K alle chiavi di T. In questo modo l'accesso alle proprietà è sicuro.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}
const age = getProperty({ name: 'Alice', age: 30 }, 'age'); // number

Estendere un'unione

È possibile vincolare T a un tipo unione, limitando l'argomento di tipo a valori specifici.

type Status = 'active' | 'inactive' | 'banned';
function setStatus<T extends Status>(status: T): void {
  console.log('Setting status:', status);
}

Vincolare a un costruttore

Vincoli T affinché sia una classe, ovvero disponga di un costruttore, per poter creare istanze all'interno della funzione.

function create<T>(ctor: new () => T): T {
  return new ctor();
}

Più vincoli con un'intersezione

Vincoli T affinché soddisfi più interfacce utilizzando un'intersezione.

interface Serializable { serialize(): string; }
interface Loggable { log(): void; }
function process<T extends Serializable & Loggable>(item: T): void {
  item.log();
  console.log(item.serialize());
}

Ereditarietà dei vincoli

I vincoli funzionano con l'ereditarietà. Se T estende una classe base, è possibile chiamare tutti i metodi della classe base.

class Animal { breathe() { return 'breathing'; } }
function care<T extends Animal>(a: T): string { return a.breathe(); }

T estende se stesso (ricorsivo)

I vincoli possono fare riferimento a se stessi per le strutture dati ricorsive.

interface Comparable<T> { compareTo(other: T): number; }
function max<T extends Comparable<T>>(a: T, b: T): T {
  return a.compareTo(b) >= 0 ? a : b;
}

Messaggi di errore dei vincoli

Quando un argomento di tipo non soddisfa un vincolo, TypeScript segnala un errore chiaro indicando sia l'argomento sia il vincolo.

Controllo rapido

A che cosa vincola K `K extends keyof T`?

Riepilogo

Utilizzi `T extends SomeType` per vincolare i parametri di tipo generici. In questo modo è possibile chiamare metodi specifici su T, usare keyof per accedere alle proprietà in modo sicuro e creare utility sicure dal punto di vista dei tipi.

Domande Frequenti

La lezione «Vincoli dei generics con extends» è gratuita?

Sì — il testo completo di «Vincoli dei generics con extends» è 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 con extends»?

Limiti i parametri di tipo a strutture specifiche. 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 3 di 4.

Quanto tempo richiede la lezione «Vincoli dei generics con extends»?

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

← Torna a TypeScript Academy