Tipi letterali

Benvenuto nella prossima lezione! In questa lezione imparerà a conoscere i tipi letterali, una funzionalità di TypeScript che consente di definire valori esatti e specifici per le variabili. Questo rende il codice più prevedibile e sicuro dal punto di vista dei tipi. Iniziamo!

Cosa sono i tipi letterali?

I tipi letterali in TypeScript consentono a una variabile di contenere un valore specifico, invece di un tipo generico come string o number. Ad esempio, può limitare una variabile ai soli valori "yes" o "no".

Esempio:

Attività: dichiari una variabile con un tipo letterale e le assegni valori validi e non validi.

let answer: "yes" | "no";
answer = "yes"; 
// Valid
// answer = "maybe"; 
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.

Tipi letterali con le stringhe

I tipi letterali stringa limitano una variabile a un insieme specifico di valori stringa. Esempio:

Attività: crei un tipo per le direzioni e assegni dei valori a una variabile.

type Direction = "up" | "down" | "left" | "right";

let move: Direction;
move = "up"; // Valid
// move = "forward"; 
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.

Tipi letterali con i numeri

Può usare i tipi letterali anche con i numeri per limitare una variabile a valori numerici specifici. Esempio:

Attività: definisca un tipo letterale numerico per i risultati del lancio di un dado e lo verifichi.

type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;

let roll: DiceRoll;
roll = 4; // Valid
// roll = 7; 
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.

Tipi letterali nelle funzioni

Può usare i tipi letterali nei parametri delle funzioni per consentire solo valori specifici. Esempio:

Attività: scriva una funzione con un parametro che utilizzi tipi letterali.

function setStatus(status: "active" | "inactive"): void {
  console.log(`The status is now ${status}`);
}

setStatus("active"); 
// Output: The status is now active
// setStatus("pending"); 
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.

Tipi letterali e alias di tipo

Per riutilizzare i tipi letterali, può definirli come alias di tipo. Esempio:

Attività: crei un alias di tipo per i colori di un semaforo e lo utilizzi in una variabile.

type TrafficLight = "red" | "yellow" | "green";

let light: TrafficLight = "red";
console.log(light);
 // Output: red

Usare i tipi letterali con gli oggetti

Può usare i tipi letterali all'interno degli oggetti per limitare i valori di proprietà specifiche. Esempio:

Attività: crei un tipo di oggetto con una proprietà che utilizzi tipi letterali.

type Button = {
  label: string;
  size: "small" | "medium" | "large";
};

let submitButton: Button = {
  label: "Submit",
  size: "medium",
};

console.log(submitButton);

Errori comuni

Ecco alcuni errori comuni quando si usano i tipi letterali:

• Dimenticare di aggiornare tutti i valori consentiti quando si modifica un tipo letterale.
• Assegnare valori non inclusi nel tipo letterale, operazione che TypeScript rileverà.
• Usare tipi letterali per dati altamente dinamici, quando la flessibilità è più importante.

Suggerimento: usi i tipi letterali in scenari controllati e prevedibili!

Ottimo lavoro!

Congratulazioni! Ha imparato a usare i tipi letterali in TypeScript per definire valori precisi e vincolati. I tipi letterali sono particolarmente utili per creare codice prevedibile e sicuro dal punto di vista dei tipi. Nella prossima lezione esploreremo il supporto di TypeScript per l'utilizzo delle funzioni. Continuiamo a programmare!