Introduzione a TypeScript per principianti
TypeScript è un potente superset di JavaScript che aggiunge tipizzazione statica e altre funzionalità avanzate al linguaggio. Aiuta gli sviluppatori a individuare gli errori in anticipo, scrivere codice più pulito e gestire grandi basi di codice in modo più efficace. In questa guida, ti guideremo attraverso le basi di TypeScript e ti aiuteremo a iniziare a usarlo, anche se sei un principiante assoluto.
Che cos'è TypeScript?
TypeScript è un linguaggio di programmazione open source sviluppato da Microsoft. Si basa su JavaScript aggiungendo tipi statici, che possono aiutare a identificare gli errori in fase di compilazione anziché in fase di runtime. Ciò semplifica la scrittura di codice affidabile e gestibile. Il codice TypeScript deve essere compilato in JavaScript prima di poter essere eseguito in un browser o in un ambiente Node.js.
Perché usare TypeScript?
- Miglioramento della qualità del codice e rilevamento precoce dei bug con la tipizzazione statica
- Strumenti migliori e funzionalità di completamento automatico negli IDE moderni
- Miglioramento della leggibilità e della manutenibilità per basi di codice di grandi dimensioni
- Supporta le ultime funzionalità JavaScript e gli standard futuri
Come installare TypeScript
Prima di poter iniziare a usare TypeScript, devi installarlo sul tuo computer. Avrai bisogno di Node.js e npm (Node Package Manager) installati. Se non li hai installati, scaricali dal sito web di Node.js.
- Apri il terminale o il prompt dei comandi.
- Eseguire il seguente comando per installare TypeScript a livello globale:
npm install -g typescript
Questo comando installerà TypeScript globalmente sul tuo sistema, rendendolo accessibile da qualsiasi cartella.
Creazione del primo programma TypeScript
Una volta installato TypeScript, puoi creare il tuo primo file TypeScript. Segui questi passaggi:
- Crea una nuova cartella per il tuo progetto e accedi ad essa tramite il terminale:
mkdir my-first-typescript-app
cd my-first-typescript-app
- Crea un nuovo file TypeScript denominato
app.ts
:
echo "console.log('Hello, TypeScript!');" > app.ts
Questo crea un semplice file TypeScript che registra "Hello, TypeScript!" nella console.
Compilazione di TypeScript in JavaScript
Il codice TypeScript non può essere eseguito direttamente dai browser o da Node.js; deve prima essere compilato in JavaScript. Puoi compilare il tuo file TypeScript eseguendo il seguente comando nel tuo terminale:
tsc app.ts
Questo comando genera un file JavaScript denominato app.js
nella stessa directory. Ora puoi eseguire il file JavaScript compilato utilizzando Node.js:
node app.js
Sulla console dovresti vedere stampato Hello, TypeScript!
.
Comprensione dei tipi di base in TypeScript
TypeScript introduce diversi tipi di base che ti aiutano a definire la forma e la struttura dei tuoi dati. Ecco alcuni tipi comuni:
- Numero: Rappresenta valori numerici.
- String: Rappresenta valori di testo.
- Boolean: rappresenta valori true o false.
- Array: rappresenta una raccolta di valori dello stesso tipo.
- Tuple: rappresenta un array con un numero fisso di elementi di tipi diversi.
- Enum: Rappresenta una raccolta di costanti denominate.
- Any: rappresenta un tipo dinamico che può contenere qualsiasi valore.
Esempio: utilizzo dei tipi in TypeScript
Diamo un'occhiata a un semplice esempio che dimostra l'uso di diversi tipi in TypeScript:
let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];
enum Color {
Red,
Green,
Blue,
}
let favoriteColor: Color = Color.Green;
console.log(age, name, isStudent, hobbies, person, favoriteColor);
In questo esempio, definiamo variabili con tipi specifici come number
, string
, boolean
, array
, tuple
e enum
. Il compilatore TypeScript assicurerà che alle variabili vengano assegnati i tipi corretti, fornendo un livello di sicurezza che JavaScript vanilla non offre.
Conclusione
TypeScript è un'ottima scelta per gli sviluppatori che desiderano scrivere codice più robusto e gestibile. Aggiungendo tipi statici a JavaScript, TypeScript può aiutarti a rilevare gli errori in anticipo e a fornire un migliore supporto per gli strumenti. In questo tutorial, hai imparato le basi di TypeScript, come installarlo, scrivere un programma semplice e utilizzare alcuni dei suoi tipi di base. Continuando a esplorare TypeScript, scoprirai molte altre potenti funzionalità che possono aiutarti a migliorare il tuo flusso di lavoro di sviluppo.