Tipi di unione e di intersezione

Benvenuto nella prossima lezione! In questa lezione imparerà a usare i tipi di unione per consentire più tipi possibili per una variabile e i tipi di intersezione per combinare più tipi in uno solo. Sono strumenti potenti per creare codice flessibile e robusto. Iniziamo!

Cosa sono i tipi di unione?

I tipi di unione consentono a una variabile di contenere più di un tipo. Può usare il simbolo | per definire un tipo di unione.

Esempio: una variabile che può essere una stringa oppure un numero:

Attività: dichiari una variabile con un tipo di unione e le assegni valori diversi.

let value: string | number;
value = "Hello";
console.log(value); // Output: "Hello"

value = 42;
console.log(value); // Output: 42

Usare i tipi di unione nelle funzioni

Può usare i tipi di unione nei parametri delle funzioni per consentire più tipi di input. Esempio:

Attività: scriva una funzione che accetti un parametro di tipo di unione e lo registri nella console.

function printValue(value: string | number): void {
  console.log(`The value is ${value}`);
}

printValue("Hello"); // Output: The value is Hello
printValue(100); // Output: The value is 100

Cosa sono i tipi di intersezione?

I tipi di intersezione combinano più tipi in uno solo. Può usare il simbolo & per definire un tipo di intersezione.

Esempio: combinare due tipi di oggetto:

Attività: crei un tipo di intersezione per combinare due oggetti e lo utilizzi.

type Person = { name: string };
type Employee = { employeeId: number };

type Staff = Person & Employee;

let staffMember: Staff = {
  name: "Alice",
  employeeId: 123,
};

console.log(staffMember);

Usare i type guard con le unioni

TypeScript non sa quale tipo sta usando in un tipo di unione. Può usare i type guard per restringere il tipo. Esempio:

Attività: usi i type guard per gestire tipi diversi in un'unione.

function display(value: string | number): void {
  if (typeof value === "string") {
    console.log(`String value: ${value.toUpperCase()}`);
  } else {
    console.log(`Number value: ${value * 2}`);
  }
}

display("Hello"); // Output: String value: HELLO
display(5); // Output: Number value: 10

Tipi di intersezione nella pratica

I tipi di intersezione sono utili quando si lavora con oggetti che condividono proprietà. Esempio:

Attività: crei un tipo di intersezione per i ruoli di amministratore e utente.

type Admin = { adminLevel: string };
type User = { username: string };

type AdminUser = Admin & User;

let admin: AdminUser = {
  adminLevel: "super",
  username: "admin123",
};

console.log(`Admin ${admin.username} has level ${admin.adminLevel}`);

Errori comuni con i tipi di unione e di intersezione

Ecco alcuni errori comuni:

• Usare un tipo di unione senza gestire tutti i casi possibili, ad esempio dimenticando un type guard.
• Complicare eccessivamente i tipi con intersezioni non necessarie.
• Assegnare valori incompatibili a un tipo di unione o di intersezione.

Suggerimento: verifichi sempre il codice per assicurarsi che i tipi funzionino come previsto!

Quando usare unioni e intersezioni

Usi i tipi di unione quando:

• Una variabile può avere uno tra diversi tipi possibili.
• Ha bisogno di flessibilità nei parametri delle funzioni.

Usi i tipi di intersezione quando:

• Combina più oggetti o tipi in uno solo.
• Crea tipi più complessi per casi d'uso specifici.

Ottimo lavoro!

Congratulazioni! Ha imparato a usare i tipi di unione e di intersezione per gestire scenari complessi in TypeScript. Questi strumenti rendono il codice più flessibile ed espressivo. Nella prossima lezione esploreremo gli enum e il modo in cui aiutano a gestire valori costanti. Continuiamo a programmare!