Introduzione a Typescript

Una rapida introduzione a Typescript

TypeScript è un linguaggio di programmazione open source sviluppato da Microsoft, basato su JavaScript, che fornisce un supporto per la tipizzazione del linguaggio (tale da rendere il JavaScript “type safe”).

Aggiunge molte funzionalità a JavaScript come le interfacce, i tipi di unione e le annotazioni. TypeScript viene compilato in JavaScript standard (ECMASCRIPT 6), il che significa che può essere eseguito in qualsiasi ambiente di esecuzione JavaScript, ed è compatibile con molte librerie e framework popolari come Angular e React.

Come iniziare a lavorare in Typescript

Per iniziare a lavorare con TypeScript, è necessario prima installare Node.js, che include npm (Node Package Manager) per l’installazione di TypeScript.

Dopo aver installato Node.js, è possibile installare TypeScript utilizzando npm con il seguente comando:

npm install -g typescript

Dopo l’installazione, è possibile utilizzare il compilatore TypeScript per compilare i file TypeScript in file JavaScript. Per fare ciò, è necessario creare un file di configurazione tsconfig.json nella radice del progetto e specificare le opzioni di compilazione. Ad esempio, il seguente file tsconfig.json definisce la cartella di destinazione per i file JavaScript compilati:

{
  "compilerOptions": {
  "outDir": "./dist"
  }
}

Come compilare il codice Typescript

Di seguito è riportato un esempio di codice TypeScript che definisce una classe “Employee” con proprietà name e age e un metodo “hello” che restituisce una stringa di saluto:

class Employee {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  hello() {
    return `Ciao, sono ${this.name} e ho ${this.age} anni.`;
  }
}

let employee = new Employee("Mario", 35);
console.log(employee.hello());

Salvando il codice appena fornito in un file con estensione .tsc, quindi dandogli il nome empl_test.tsc, possiamo avviare il compilatore Typescript digitando la seguente stringa all’interno della console:

tsc empl_test.tsc

Il compilatore TypeScript genererà quindi un file JavaScript ES6 corrispondente con lo stesso nome del file TypeScript. Se non viene specificato un nome di file di output, il compilatore TypeScript utilizzerà il nome del file TypeScript con l’estensione “.js”.