Come usare i tipi in TypeScript spiegato per principianti

TypeScript introduce la tipizzazione statica in JavaScript, che aiuta a individuare gli errori durante lo sviluppo e migliora la qualità del codice. Questo articolo ti guiderà attraverso le basi dell'uso dei tipi in TypeScript, rendendo più facile per i principianti capire come sfruttare il sistema di tipi di TypeScript.

Cosa sono i tipi in TypeScript?

I tipi in TypeScript aiutano a definire la forma e la struttura dei dati. Specificando i tipi, ti assicuri che variabili, parametri di funzione e valori di ritorno aderiscano ai formati previsti. Ciò può prevenire molti comuni errori di programmazione.

Tipi di base

TypeScript fornisce diversi tipi di base che è possibile utilizzare per definire variabili e funzioni:

• Numero: Rappresenta valori numerici.
• Stringa: Rappresenta dati testuali.
• Booleano: Rappresenta i valori vero o falso.
• Array: Rappresenta una raccolta di valori di un tipo specifico.
• Oggetto: Rappresenta una raccolta di coppie chiave-valore.

Esempio di numero

let age: number = 30;

Esempio di stringa

let name: string = "John Doe";

Esempio booleano

let isStudent: boolean = true;

Esempio di matrice

let scores: number[] = [85, 90, 78];

Esempio di oggetto

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Inferenza di tipo

TypeScript può dedurre automaticamente i tipi in base ai valori assegnati. Ciò significa che non è sempre necessario specificare esplicitamente i tipi, anche se farlo può migliorare la chiarezza del codice.

Esempio di inferenza di tipo

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Tipi personalizzati con interfacce

Le interfacce in TypeScript consentono di definire tipi personalizzati con una struttura specifica. Sono particolarmente utili per creare oggetti complessi e garantire forme coerenti in tutta l'applicazione.

Esempio di interfaccia

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Tipi di unione

I tipi Union consentono a una variabile di contenere valori di più tipi. Ciò può essere utile quando un valore può essere di diversi tipi.

Esempio di tipo di unione

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Alias ​​di tipo

Gli alias di tipo consentono di creare un nuovo nome per un tipo. Ciò può essere utile per semplificare definizioni di tipo complesse.

Esempio di alias di tipo

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Conclusione

L'utilizzo di tipi in TypeScript offre numerosi vantaggi, tra cui il rilevamento precoce degli errori, una migliore leggibilità del codice e una migliore manutenibilità. Comprendendo i tipi di base, l'inferenza di tipo, le interfacce, i tipi union e gli alias di tipo, puoi iniziare a sfruttare TypeScript per scrivere codice più robusto e affidabile. Man mano che acquisisci più esperienza con TypeScript, scoprirai funzionalità e pattern ancora più avanzati che possono migliorare ulteriormente il tuo processo di sviluppo.