Alias di tipo e interfacce

Benvenuto alla prossima lezione! In questa lezione imparerà a conoscere gli alias di tipo e le interfacce in TypeScript, comprese le loro differenze, somiglianze e situazioni d'uso. Iniziamo!

Che cosa sono gli alias di tipo?

Un alias di tipo consente di definire un nome personalizzato per un tipo. Può rappresentare tipi primitivi, oggetti o persino firme di funzione.

Esempio:

Attività: Crei un alias di tipo per un oggetto che rappresenti un libro e lo utilizzi per definire una variabile.

type Point = {
  x: number;
  y: number;
};

let point: Point = { x: 10, y: 20 };
console.log(point); 
// Output: { x: 10, y: 20 }

Che cosa sono le interfacce?

Un'interfaccia definisce la struttura di un oggetto, comprese le sue proprietà e i suoi metodi. Viene spesso utilizzata per garantire coerenza e sicurezza dei tipi negli oggetti.

Esempio:

Attività: Crei un'interfaccia per un profilo utente e la utilizzi per definire una variabile.

interface Point {
  x: number;
  y: number;
}

let point: Point = { x: 5, y: 15 };
console.log(point); 
// Output: { x: 5, y: 15 }

Somiglianze tra alias di tipo e interfacce

Gli alias di tipo e le interfacce condividono alcune funzionalità:

• Entrambi possono descrivere la struttura di un oggetto.
• Entrambi possono essere utilizzati per definire tipi di funzione.
• Entrambi supportano l'estensione di altri tipi.

Esempio: un tipo di funzione:

Attività: Definisca sia un alias di tipo sia un'interfaccia per una funzione e li utilizzi.

type Add = (a: number, b: number) => number;
interface Subtract {
  (a: number, b: number): number;
}

let add: Add = (x, y) => x + y;
let subtract: Subtract = (x, y) => x - y;

console.log(add(5, 3)); 
// Output: 8
console.log(subtract(5, 3)); 
// Output: 2

Differenze tra alias di tipo e interfacce

Ecco le differenze principali:

• Interfacce: possono essere unite (fusione delle dichiarazioni).
• Alias di tipo: non possono essere uniti.
• Alias di tipo: possono definire tipi unione e intersezione.
• Interfacce: sono progettate principalmente per definire la struttura degli oggetti.

Esempio: tipi unione con alias di tipo:

Attività: Utilizzi un alias di tipo per definire un tipo unione e assegni valori diversi a una variabile.

type StringOrNumber = string | number;

let value: StringOrNumber = "Hello";
value = 42;
// value = true; 
// Error: Type 'true' is not assignable to type 'StringOrNumber'.

Estensione di tipi e interfacce

Sia gli alias di tipo sia le interfacce possono estendere altri tipi:

• Interfacce: utilizzano la parola chiave extends.
• Alias di tipo: utilizzano le intersezioni (&).

Esempio:

Attività: Estenda un alias di tipo e un'interfaccia per creare nuovi tipi.

interface Animal {
  name: string;
}

interface Dog extends Animal {
  breed: string;
}

type Bird = Animal & { canFly: boolean };

let myDog: Dog = { name: "Buddy", breed: "Golden Retriever" };
let myBird: Bird = { name: "Parrot", canFly: true };

console.log(myDog, myBird);

Fusione delle dichiarazioni

Le interfacce supportano la fusione delle dichiarazioni: più dichiarazioni di interfaccia con lo stesso nome vengono unite in una sola. Gli alias di tipo non supportano questa funzionalità.

Esempio:

Attività: Crei due dichiarazioni di interfaccia con lo stesso nome e verifichi la fusione delle dichiarazioni.

interface Person {
  name: string;
}

interface Person {
  age: number;
}

let person: Person = { name: "Alice", age: 30 };
console.log(person); 
// Output: { name: "Alice", age: 30 }

Quando utilizzare ciascuno

Ecco alcune indicazioni:

• Utilizzi le interfacce per definire la struttura degli oggetti e quando è necessaria la fusione delle dichiarazioni.
• Utilizzi gli alias di tipo per unioni, intersezioni o per definire tipi di funzione.

Suggerimento: Utilizzi quello più adatto al suo caso d'uso per garantire chiarezza e coerenza.

Ottimo lavoro!

Congratulazioni! Ha imparato le somiglianze e le differenze tra alias di tipo e interfacce in TypeScript, oltre a quando utilizzare ciascuno di essi. Nella prossima lezione esploreremo funzionalità avanzate di TypeScript, come i tipi condizionali. Continui a programmare!