Capitolo 1: Perché TypeScript?

Pubblicato da

  



Con questo articolo inauguriamo una guida approfondita su TypeScript, rivolta a chi proviene da JavaScript. Molti sviluppatori si trovano spaesati quando si scontrano con concetti nuovi come i tipi statici, il sistema di inferenza o i decoratori.

In questa serie di articoli esploreremo i concetti e le tecniche di TypeScript per acquisire i vantaggi e gli utilizzi di questo strumento.

🔗 Ti piace Techelopment? Dai un’occhiata al sito per tutti i dettagli!

JavaScript: potente ma rischioso

JavaScript è un linguaggio estremamente flessibile, ed è anche uno dei più diffusi al mondo. Grazie a questa flessibilità, puoi scrivere codice velocemente senza preoccuparti troppo dei dettagli formali. Tuttavia, proprio questa "libertà" è anche una delle sue debolezze maggiori.

Hai mai scritto qualcosa come questo?

function sum(a, b) {
  return a + b;
}

sum(5, "3"); // "53", not 8!

Nessun errore. Ma probabilmente non era quello che volevi.
JavaScript ti lascia fare cose potenzialmente sbagliate senza avvisarti. Questo è il punto debole su cui TypeScript interviene.


TypeScript: un alleato, non un nemico

TypeScript nasce per aiutarti, non per complicarti la vita. È un superinsieme di JavaScript, cioè:

  • Tutto il codice JavaScript valido è anche codice TypeScript valido.

  • Puoi continuare a usare tutto quello che conosci.

  • Ma puoi aggiungere informazioni sui tipi per ottenere più sicurezza e intelligenza dagli strumenti.

Esempio con TypeScript:

function sum(a: number, b: number): number {
  return a + b;
}

sum(5, "3"); // Error: Second argument must be a number

Questa volta l’errore viene rilevato prima dell’esecuzione, direttamente dall’editor o durante la compilazione.
Non serve aspettare che il codice vada in produzione per accorgersi del problema.


Vantaggi pratici di TypeScript

  1. Evita bug comuni prima dell’esecuzione

    • Riduce drasticamente gli errori di tipo

    • Ti aiuta a capire se stai passando o ricevendo i dati giusti

  2. Editor più intelligenti

    • Completamento automatico (IntelliSense)

    • Navigazione più rapida nel codice (Go to definition, Find references)

    • Refactoring più sicuri

  3. Codice più leggibile e auto-documentato

    • Se vedi una funzione così:

      function getUser(id: number): User { ... }
      • Sai già che tipo di parametro aspettarti e che tipo di oggetto ti ritorna.
      Non serve leggere tutto il corpo della funzione.

  4. Più facile lavorare in team

    • Se lavori in squadra, avere i tipi significa:

      • Capire meglio il codice degli altri

      • Evitare fraintendimenti su come usare una funzione o una classe

  5. Ottimo per progetti grandi e strutturati

    • Man mano che un progetto cresce, la mancanza di tipi diventa un problema

    • TypeScript scala bene e mantiene il codice manutenibile nel tempo


Perché sta diventando così popolare?

  • È supportato ufficialmente da grandi framework come Angular, NestJS, e sempre più adottato in ambienti React e Vue.

  • È diventato standard de facto nei progetti enterprise.

  • Le librerie JavaScript più famose ora offrono file .d.ts (definizioni di tipo) per integrarsi al meglio con TS.

  • È richiesto sempre più spesso nei colloqui di lavoro: chi conosce TypeScript è percepito come più preparato sul codice strutturato.


In sintesi

TypeScript non è un altro linguaggio da imparare da zero. È un potenziamento di JavaScript, che ti aiuta a scrivere codice più sicuro, chiaro e robusto.
Soprattutto: non ti obbliga a tipizzare tutto subito. Puoi introdurlo progressivamente, anche in progetti esistenti.



Follow me #techelopment

Official site: www.techelopment.it
facebook: Techelopment
instagram: @techelopment
X: techelopment
Bluesky: @techelopment
telegram: @techelopment_channel
whatsapp: Techelopment
youtube: @techelopment