Tipi base in TypeScript

Nel mondo dello sviluppo software, la comprensione e l'uso efficace dei tipi di base è una componente cruciale per la scrittura di codice chiaro, manutenibile e privo di errori. TypeScript, emergendo come un'estensione potente e versatile di JavaScript, porta questa comprensione a un livello superiore, introducendo una tipizzazione più rigorosa e nuove funzionalità. In questo approfondimento, esploreremo in dettaglio i tipi di base in TypeScript, mettendoli a confronto con le loro controparti in JavaScript e analizzando le loro applicazioni pratiche.

Dai booleani e numeri fino agli array e tuple, ogni tipo di base sarà esaminato per evidenziare come TypeScript rafforzi la sicurezza e la flessibilità nella gestione dei dati. Questa analisi non solo chiarirà i vantaggi dell'uso di TypeScript, ma fornirà anche esempi concreti su come questi tipi possono essere applicati in situazioni reali di sviluppo. L'obiettivo è fornire una comprensione solida dei fondamenti di TypeScript, permettendo agli sviluppatori di sfruttare al meglio le sue potenti caratteristiche per creare codice robusto e efficiente.

Boolean

In TypeScript e JavaScript, il tipo boolean è la scelta semplice per rappresentare i valori veri e falsi. Questo tipo è fondamentale per il controllo del flusso e le decisioni logiche in entrambi i linguaggi.

Uso in TypeScript:

1let isActive: boolean = true;
2// L'uso di un boolean è ideale per flag di controllo, condizioni e molto altro.

Number

TypeScript e JavaScript trattano i numeri allo stesso modo. Tuttavia, TypeScript aggiunge un valore in più: il controllo del tipo in fase di compilazione garantisce che le variabili numeriche siano effettivamente numeri. Uso in TypeScript:

1let score: number = 9.5;
2// Perfetto per operazioni matematiche, rappresentazione di dati quantitativi, ecc.

String

La manipolazione delle stringhe è identica in TypeScript e JavaScript. Tuttavia, TypeScript assicura che le variabili dichiarate come stringhe non vengano assegnate erroneamente ad altri tipi. Uso in TypeScript:

1let greeting: string = "Hello, World!";
2// Utilissimo per testi, messaggi, elaborazione di stringhe e combinazioni di testo.

Array

Gli array in TypeScript funzionano come in JavaScript, ma con il vantaggio aggiunto di poter specificare il tipo degli elementi, garantendo una maggiore consistenza e sicurezza dei dati. Uso in TypeScript:

1let numbers: number[] = [1, 2, 3];
2// Gli array tipizzati sono essenziali per la raccolta e manipolazione di set di dati.

Tuple

TypeScript introduce le tuple, consentendo di definire array con tipi fissi e ordinati in posizioni specifiche, una funzionalità non disponibile in JavaScript puro. Uso in TypeScript:

1let person: [string, number] = ["Alice", 25];
2// Le tuple sono utili per combinare diversi tipi di dati in una singola unità ordinata.

Enum

Gli Enum in TypeScript offrono una maniera chiara e leggibile di lavorare con set di costanti, una funzionalità che non esiste nativamente in JavaScript. Uso in TypeScript:

1enum Direction {
2  Up,
3  Down,
4  Left,
5  Right
6}
7let dir: Direction = Direction.Left;
8// Ideale per rappresentare un gruppo di valori correlati, come direzioni, stati, opzioni, ecc.

Any

Il tipo any in TypeScript permette di bypassare il controllo dei tipi, offrendo flessibilità laddove il tipo esatto non è noto o è troppo restrittivo. Uso in TypeScript:

1let uncertainValue: any = "maybe a string, maybe a number...";
2// Utile in scenari in cui il tipo può variare o in fase di migrazione da JavaScript a TypeScript.

Void

In TypeScript, void è usato per indicare che una funzione non restituisce un valore, rendendo il codice più esplicito rispetto all'uso di undefined o null in JavaScript. Uso in TypeScript:

1function logMessage(): void {
2  console.log("This is a message");
3}
4// Fondamentale per funzioni che eseguono azioni ma non restituiscono dati.

Null e Undefined

TypeScript condivide con JavaScript i tipi null e undefined, ma li gestisce in modo più rigoroso, specialmente con l'opzione strictNullChecks attiva. Uso in TypeScript:

1let absent: null = null;
2let notDefined: undefined = undefined;
3// Importante per gestire intenzionalmente valori mancanti o non definiti.

Questo confronto e questi esempi pratici mettono in luce come TypeScript arricchisca i tipi di base di JavaScript, portando maggiore sicurezza, flessibilità e chiarezza nella gestione dei dati. Comprendere questi tipi è il primo passo fondamentale per sfruttare appieno il potenziale di TypeScript nel vostro sviluppo.

Codice visto nella lezione

1// Boolean
2let isCompleted: boolean = false;
3console.log( `è stato completato: ${ isCompleted }` );
4
5// Number
6let decimal: number = 10;
7let hex: number = 0xf00d;
8let binary: number = 0b1010;
9let octal: number = 0o744;
10console.log( `decimale: ${ decimal }, hex: ${ hex }, binario: ${ binary }, ottale: ${ octal }` );
11
12// String
13let color: string = "nero";
14let nome: string = 'Manuel';
15let frase: string = `Ciao, mi chiamo ${ nome } e il mio colore preferito è ${ color }`;
16console.log( frase );
17
18// Array
19let band: string[] = ["Metallica", "Slayer", "Megadeth", "Anthrax"];
20console.log( `Le mie band preferite sono: ${ band.join( ", " ) }` );
21
22// Tuple
23let persona: [string, number] = ["Manuel", 30];
24console.log( `Mi chiamo ${ persona[0] } e ho ${ persona[1] } anni` );
25
26// Enum
27enum Colori { Rosso, Verde, Blu };
28let colorePreferito: Colori = Colori.Verde;
29console.log( `Il mio colore preferito è ${ Colori[colorePreferito] }` );
30
31// Any
32let valoreCasuale: any = 10;
33valoreCasuale = "Manuel";
34console.log( `Il valore casuale è ${ valoreCasuale }` );
35
36// Void
37function saluta( nome: string ): void {
38    console.log( `Ciao ${ nome }!` );
39}
40
41saluta( "Manuel" );
42
43// Null e Undefined
44let u: undefined = undefined;
45let n: null = null;
46console.log( `u: ${ u }, n: ${ n }` );