Guide

TypeScript è un linguaggio di programmazione che aggiunge tipi statici a JavaScript. È un superinsieme — qualsiasi JavaScript valido è anche TypeScript valido — e compila in puro JavaScript che gira ovunque giri JavaScript. Creato e mantenuto da Microsoft, è diventato uno dei linguaggi più usati nello sviluppo front-end e Node.js.

Il punto è catturare gli errori prima che raggiungano gli utenti. In puro JavaScript, un refuso nel nome di una proprietà o il passaggio del tipo di valore sbagliato falliscono solo a runtime. TypeScript controlla il tuo codice mentre lo scrivi, trasformando un'intera classe di bug in sottolineature rosse nel tuo editor. Questa guida spiega cos'è, come funziona, le funzionalità che contano e i compromessi onesti.

Come funziona TypeScript

TypeScript funziona aggiungendo annotazioni di tipo: puoi dichiarare che una variabile è una stringa, che una funzione restituisce un numero, o che un oggetto ha una forma specifica. Un compilatore (tsc) legge il tuo codice annotato, lo controlla per errori di tipo, poi rimuove i tipi per produrre JavaScript ordinario. I tipi esistono solo in fase di sviluppo — il codice che rilasci è puro JS.

Fondamentale, gran parte di questo è automatico. TypeScript ha una potente inferenza di tipo: deduce i tipi dal contesto, così non devi annotare tutto. Usa anche la tipizzazione strutturale — due tipi sono compatibili se hanno la stessa forma, non perché condividono un nome — che si adatta allo stile flessibile di JavaScript invece di combatterlo.

Le funzionalità che contano

Poche funzionalità fanno la maggior parte del lavoro. Interfacce e alias di tipo descrivono la forma di oggetti e firme di funzione. I tipi union permettono a un valore di essere uno tra diversi tipi (per esempio stringa o numero). I generics ti permettono di scrivere codice riutilizzabile che funziona su tipi diversi restando type-safe. E il tooling dell'editor costruito su tutto questo — autocompletamento, documentazione inline, refactoring sicuro — è spesso la vittoria quotidiana più grande.

• TypeScript = un superinsieme tipizzato di JavaScript che compila in puro JS (costruito da Microsoft)
• Cattura gli errori di tipo mentre scrivi / in fase di compilazione, non a runtime
• Inferenza di tipo + tipizzazione strutturale: meno annotazioni, si adatta allo stile di JavaScript
• Funzionalità chiave: interfacce/tipi, tipi union, generics, eccellente tooling dell'editor
• Adozione graduale: aggiungilo file per file a un progetto JavaScript esistente
• Avvertenza: solo in fase di compilazione — valida comunque i dati a runtime (rete/input utente)

TypeScript è anche graduale. Puoi adottarlo file per file, permettere JavaScript puro accanto e stringere la severità nel tempo. Questo rende realistico migrare un progetto JavaScript esistente in modo incrementale invece di riscriverlo da zero.

TypeScript vs JavaScript

Quindi quale dovresti usare? Per uno script minuscolo, il puro JavaScript va bene e non ha passo di build. Per qualsiasi cosa destinata a crescere — un'applicazione reale, una libreria condivisa, una codebase di team — TypeScript si ripaga catturando gli errori presto e rendendo il codice auto-documentante. La maggior parte dei framework front-end e degli strumenti di build moderni offre supporto TypeScript di prim'ordine proprio per questo motivo.

I compromessi, in tutta onestà

Non è gratis, però. C'è un passo di build/compilazione e un po' di configurazione da impostare. C'è una curva di apprendimento, e i tipi avanzati possono diventare davvero complicati. E — importante — TypeScript controlla i tipi solo in fase di compilazione; non li impone a runtime, quindi i dati che arrivano dalla rete o dagli utenti devono comunque essere validati. I tipi catturano i tuoi errori, non quelli del mondo esterno.

La conclusione onesta: TypeScript è JavaScript con una rete di sicurezza. Non renderà buono un cattivo design, ma rimuove una grande categoria di bug evitabili e rende le grandi codebase molto più manutenibili. Per qualsiasi cosa oltre uno script veloce, è diventato il default sensato.