TypeScript è un linguaggio di programmazione che aggiunge la tipizzazione statica a JavaScript.
È un linguaggio sviluppato da Microsoft, progettato per essere utilizzato nello sviluppo di applicazioni di grande dimensione.
Per essere eseguito, il codice TypeScript viene “compilato” in JavaScript.
Indice
TypeScript: cosa è
Il files che contengono codice sorgente TypeScript sono caratterizzati dall’estensione .ts, mentre quelli che contengono codice JavaScript dall’estensione .js.
Come JavaScript, questo linguaggio permette di scrivere codice client-side (per pagine web), e server-side (Node.js, Deno, Bun).
Per comprendere la differenza tra i due linguaggi, riporterò due estratti di codice: il primo in TypeScript, il secondo in JavaScript.
function saluta(name: string): string {
return `Ciao, ${name}!`;
}
const message: string = saluta("Alice");
console.log(message);
// questo genera un errore di compilazione
// perché saluta() accetta stringhe, mentre
// noi stiamo fornendo un numero
saluta(99);
function saluta(name) {
return `Ciao, ${name}!`;
}
const message = saluta("Alice");
console.log(message);
// questo non genera alcun errore
// il numero viene convertito in stringa
// automaticamente
saluta(99);
Come puoi vedere, il codice TypeScript genererebbe un errore, quello JavaScript invece no.
Con il crescere della dimensione del progetto, utilizzare TypeScript costituisce un innegabile vantaggio rispetto a JavaScript.
Infatti, permette di riconoscere eventuali errori nel programma in fase di stesura del codice, invece di farlo in fase di esecuzione.
TypeScript: perché si usa
TypeScript viene utilizzato principalmente per migliorare la qualità del codice e la produttività nello sviluppo di applicazioni su larga scala.
Ecco i principali vantaggi nell’utilizzare questo linguaggio:
- Tipizzazione statica: Consente di rilevare errori di tipo durante lo sviluppo, riducendo i bug a runtime.
- Manutenibilità: La struttura tipizzata e il supporto a funzionalità avanzate rendono il codice più leggibile e facile da mantenere nel tempo.
- Autocompletamento e refactoring: Fornisce un’esperienza di sviluppo migliore grazie a IDE avanzati, che offrono suggerimenti intelligenti e strumenti per ristrutturare il codice.
- Compatibilità con JavaScript: TypeScript si compila in JavaScript puro, permettendo di usarlo ovunque sia supportato JavaScript.
- Supporto per progetti complessi: È ideale per gestire applicazioni di grandi dimensioni, con team numerosi e codice modulare.
Dove è usato TypeScript
TypeScript è utilizzato in tutti i principali framework per sviluppo di applicazioni web.
Infatti, Angular, React e Vue utilizzano TypeScript.
Come già accennato nella parte precedente dell’articolo, questo linguaggio è anche utilizzato nei linguaggi server-side (Node.js, Deno, Bun).
Trova anche applicazione nei framework per lo sviluppo di applicazioni per smartphones / tablets, come React Native.
Video approfondimento
In questo video mostro quali siano i vantaggi di utilizzare TypeScript, rispetto ad utilizzare solo JavaScript.
Se il video fosse stato di tuo interesse, potresti valutare di iscriverti al canale.
Approfondimenti
In questo sito sono presenti numerose risorse relative allo sviluppo web.
Ecco alcuni esempi:
- Cosa è Angular? Caratteristiche e vantaggi
- Come fare una chiamata AJAX ( GET / POST )
- Network conditions Chrome: a cosa serve?
- RxJS cosa è e dove viene utilizzata
- window load JavaScript: come funziona?
- Promise JavaScript: definizione ed esempio pratico
Conclusioni
TypeScript si è affermato come un’evoluzione naturale di JavaScript, fornendo strumenti potenti per lo sviluppo di applicazioni scalabili, robuste e facili da mantenere.
Grazie alla sua tipizzazione statica opzionale e alle funzionalità avanzate, questo linguaggio riduce significativamente i rischi di errori a runtime e semplifica la collaborazione nei progetti di team, soprattutto su larga scala.
