TypeScript vs JavaScript

TypeScript è un superset di JavaScript, vale a dire che qualsiasi codice JavaScript è anche codice TypeScript valido. Questa è un’ottima notizia, perché significa che per iniziare a usare TypeScript in un progetto JavaScript, potremo riciclare il tutto il codice senza apportare alcuna variazione! 

Ma allora, in che modo TypeScript aggiunge funzionalità a JavaScript? 

Essenzialmente, TypeScript aggiunge al linguaggio JavaScript principalmente due tipologie di sintassi, strettamente collegate tra loro: le annotazioni e le dichiarazioni di tipo. Le vedremo più avanti nel dettaglio. 

Intanto, vediamo che aspetto ha un breve blocco di codice in TypeScript: 

// dichiarazione di tipo 
type State = "active" | "idle"; 
// variabile dichiarata con annotazione di tipo 
let currentState: State = "idle"; 
// funzione dichiarata con annotazioni di tipo 
function setState(newState: State): void { 
 currentState = newState; 
} 
setState("active"); 

Da questo assaggio risulta evidente come, a meno della dichiarazione introdotta dalla parola chiave type e delle annotazioni dopo i due punti, quello rappresentato è semplice codice JavaScript. Più avanti vedremo nel dettaglio come queste aggiunte al codice possono aiutarci a formalizzare il dominio in cui la nostra applicazione opera, in modo che diventi pressoché impossibile scrivere del codice che porti a situazioni prive di senso.