Programming language · Dal 2012

TypeScript

TypeScript aggiunge i tipi statici a JavaScript: individua gli errori prima dell'esecuzione e rende più gestibili i progetti di grandi dimensioni.

Inizia la guida Discussioni

TypeScript è un linguaggio open source creato da Microsoft e pubblicato per la prima volta nel 2012. È un sovrainsieme di JavaScript, quindi il codice JavaScript esistente è già TypeScript valido, a cui si aggiungono annotazioni di tipo, interfacce, generics e altro. Il compilatore controlla i tipi e poi genera JavaScript semplice, privo di tipi, che funziona ovunque giri JavaScript, dal browser a Node.js.

Il controllo dei tipi scopre errori di battitura, argomenti sbagliati e accessi a valori undefined prima ancora di eseguire il codice. Gli editor usano le stesse informazioni per offrire completamento automatico, ridenominazione e navigazione alle definizioni affidabili. Il vantaggio è più evidente in applicazioni web, server e librerie su cui lavorano molte persone per lungo tempo.

Conviene imparare prima le basi di JavaScript e poi seguire l'Handbook ufficiale. Nel TypeScript Playground si scrive codice e si osserva il risultato compilato senza installare nulla. Un progetto JavaScript esistente può adottare TypeScript gradualmente, convertendo in .ts pochi file alla volta.

Punti di forza

Controllo statico dei tipi

Trova il codice con tipi incompatibili prima dell'esecuzione e riduce gli errori a runtime.

Inferenza dei tipi

Non serve annotare tutto: il compilatore ricava i tipi dai valori e dal contesto.

Compatibilità con JavaScript

Si può usare qualsiasi libreria JavaScript e introdurre TypeScript passo dopo passo in un progetto già avviato.

Sistema di tipi espressivo

Union, generics e tipi condizionali descrivono con precisione strutture dati e API complesse.

Dove si usa

Frontend web con React, Angular o Vue
Server e API con Node.js, Deno o Bun
Librerie npm e SDK
App desktop con Electron ed estensioni di VS Code

Installazione

1
Installare Node.js
Scarica e installa la versione LTS da nodejs.org; su macOS e Linux va bene anche un gestore di pacchetti. Poi verifica nel terminale che venga mostrata la versione.
```
node --version
```
2
Installare TypeScript
Nella cartella del progetto, installa TypeScript come dipendenza di sviluppo. Così tutto il team usa la stessa versione del compilatore.
```
npm install --save-dev typescript
```
3
Verificare il compilatore
Avvia con npx il tsc installato nel progetto e controlla che stampi una versione.
```
npx tsc --version
```

Il tuo primo programma

Il primo programma

La funzione greet dichiara che il parametro name e il valore restituito sono stringhe. npx tsc hello.ts controlla i tipi e genera hello.js, poi node hello.js stampa Hello, TypeScript!. Passando un numero, come in greet(42), si ottiene un errore già in fase di compilazione.

hello.ts

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("TypeScript"));

npx tsc hello.ts && node hello.js

Strumenti di tutti i giorni

tsc: Il compilatore ufficiale: controlla i tipi e trasforma TypeScript in JavaScript. Le opzioni si impostano in tsconfig.json.
Visual Studio Code: Un editor con supporto integrato per TypeScript: completamento automatico, refactoring ed evidenziazione degli errori senza configurazione.
typescript-eslint: Consente a ESLint di analizzare codice TypeScript e aggiunge regole che sfruttano le informazioni sui tipi.
tsx: Uno strumento per Node.js che esegue direttamente i file TypeScript, senza un passaggio di build separato. Non controlla i tipi, quindi va usato insieme a tsc.

Guida passo passo

Sei capitoli che ti accompagnano dall'installazione ai concetti chiave di TypeScript.

Documentazione ufficiale e risorse

Discussioni

Avvia una discussione

Fai domande, condividi la tua esperienza e scambia opinioni su TypeScript.

Ancora nessuna discussione. Avvia la prima.