in, instanceof e unioni discriminate
Utilizzi i controlli in/property, instanceof per le classi e le unioni discriminate per gestire i rami in sicurezza.
in, instanceof e unioni discriminate è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 3. 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 3 lezioni in totale.
Introduzione
Obiettivo: esercitarsi con tre guard potenti: in per controllare le proprietà, instanceof per le classi e le unioni discriminate per creare diramazioni chiare.
Operatore in
in restringe il tipo verificando a runtime il nome di una proprietà. È particolarmente utile per le unioni di letterali di oggetto.
type HasLength = { length: number };
function print(v: string | HasLength) {
if ("length" in v) {
// v is HasLength
console.log("len:", v.length);
} else {
// v is string
console.log(v.toUpperCase());
}
}
print({ length: 3 });
print("ts");instanceof
instanceof controlla i prototipi dei valori basati su classi. Funziona quando il costruttore è disponibile a runtime.
class Person {
constructor(public name: string) {}
}
function hello(x: Person | Date) {
if (x instanceof Person) {
console.log("Hi", x.name);
} else {
console.log("Year", x.getFullYear());
}
}
hello(new Person("Ada"));
hello(new Date(2024, 0, 1));Unione discriminata
Le unioni discriminate usano un'etichetta letterale (come kind) per eseguire uno switch chiaro, con un restringimento completo per ogni caso.
type Circle = { kind: "circle"; radius: number };
type Square = { kind: "square"; size: number };
type Shape = Circle | Square;
function area(s: Shape): number {
switch (s.kind) {
case "circle":
return Math.PI * s.radius ** 2;
case "square":
return s.size * s.size;
}
}
console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));Combinazione delle guard
Combini i controlli delle etichette con in per restringere strutture annidate e accedere solo ai membri sicuri.
type FetchOk = { status: "ok"; data: { length: number } };
type FetchErr = { status: "error"; message: string };
type Result = FetchOk | FetchErr;
function handle(r: Result) {
if (r.status === "ok" && "length" in r.data) {
console.log("items:", r.data.length);
} else {
console.log("error:", r.message);
}
}
handle({ status: "ok", data: { length: 5 } });
handle({ status: "error", message: "oops" });Linee guida
Linee guida:
- Usi in per le unioni basate sulle proprietà.
- Usi instanceof con le classi.
- Usi le unioni discriminate per un flusso di controllo chiaro.
Verifica dell'operatore in
Verifica rapida: quale operatore controlla una proprietà a runtime e restringe i tipi?
Riepilogo
Riepilogo: in verifica le proprietà, instanceof controlla le classi e le unioni discriminate consentono switch chiari e sicuri dal punto di vista dei tipi.
Domande Frequenti
La lezione «in, instanceof e unioni discriminate» è gratuita?
Sì — il testo completo di «in, instanceof e unioni discriminate» è 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 3 lezioni in totale.
Cosa imparerò in «in, instanceof e unioni discriminate»?
Utilizzi i controlli in/property, instanceof per le classi e le unioni discriminate per gestire i rami in sicurezza. 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 3.
Quanto tempo richiede la lezione «in, instanceof e unioni discriminate»?
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
- typeof, uguaglianza e restrizione tramite veridicità
- in, instanceof e unioni discriminate
- Completezza con never (introduzione)