TypeScript vs JavaScript

TypeScript e JavaScript sono due linguaggi complementari che veicolano lo sviluppo frontend e backend. In questo articolo andiamo ad esplorare le differenze principali tra i due, analizzando anche i contesti in cui ciascun linguaggio è più indicato.

 

Cos'è JavaScript?

JavaScript è un linguaggio di programmazione creato nel 1995 da Brendan Eich, un informatico statunitense conosciuto anche per essere il co-fondatore di Mozilla. Inizialmente il linguaggio di scripting si chiamava LiveScript ed era stato creato per Netscape Navigator, il browser di punta dell'azienda Netscape Communications. Dal rilascio del suo primo standard nel 1997, JavaScript ha fatto parecchia strada, tanto che se confrontiamo il primo standard con l'ultimo rilascio (ECMAScript 2023 or ES14), sembra di parlare di due linguaggi molto diversi.

Oggi, JavaScript continua ad essere il linguaggio di scripting più utilizzato, come confermato anche dal più recente sondaggio Stack Overflow 2024, in cui il 64% degli sviluppatori professionisti dichiara di utilizzarlo. Ciò in parte è dovuto anche alla predominanza di frontend framework come React, Angular e Vue.js.. 

Si tratta di un linguaggio di scripting che funziona seguendo i principi della programmazione lato client, quindi viene eseguito direttamente nel browser dell'utente senza necessitare di risorse dal server.

Il concetto dietro la creazione di JavaScript era di farne un linguaggio di scripting complementare, simile a Visual Basic o C++ nel mondo dei linguaggi Microsoft. Non è stato concepito per gestire applicazioni di grandi dimensioni e complesse, ma per progetti più piccoli, con poche centinaia di righe di codice.

 

Cos'è TypeScript?

TypeScript è stato creato nel 2010 da Anders Hejlsberg (software ingineer danese ampiamente conosciuto anche per il suo ruolo di architetto capo di C#) per Microsoft e rilasciato al pubblico per la prima volta nel 2012. Il linguaggio nasce con l'obiettivo di facilitare lo sviluppo di applicazioni di grandi dimensioni e la sua popolarità risulta in forte crescita. Nel sondaggio di Stack Overflow 2024 sui linguaggi più apprezzati da parte di sviluppatori risulta utilizzato da oltre il 44% dei rispondenti. 

Il linguaggio è una versione moderna di JavaScript. Ha una compilazione statica concepita per generare codice JavaScript pulito e leggibile. Può essere eseguito su Node.js e su tutti i browser compatibili con ECMAScript 3 e successivi.

TypeScript introduce la tipizzazione statica opzionale, insieme a classi e interfacce. In progetti JavaScript di grande scala, l'adozione di TypeScript può rendere il software più stabile e facile da distribuire rispetto a un'applicazione sviluppata esclusivamente con JavaScript.

 

Differenze tra JavaScript e TypeScript

Fin qui i due linguaggi possono apparire simili, tuttavia ci sono una serie di differenze:

Type system

JavaScript è un linguaggio di programmazione dinamico, il che significa che i tipi delle variabili vengono determinati al momento dell'esecuzione. TypeScript, invece, è statico e, di conseguenza, richiede ai programmatori di definire i tipi delle variabili durante la scrittura del codice.

Compilazione

JavaScript può essere eseguito direttamente nel browser o in un ambiente come Node.js senza necessità di una fase di compilazione. TypeScript deve essere invece compilato in JavaScript prima di poter essere eseguito.

Parametri opzionali

JavaScript  non supporta direttamente i parametri opzionali che quindi devono essere gestiti manualmente. In TypeScript, i parametri opzionali sono integrati direttamente nel linguaggio.

Null handling

JavaScript gestisce i valori null e undefined in modo piuttosto permissivo, permettendo confronti e operazioni anche su valori non definiti. TypeScript ha un supporto più rigoroso per i valori nulli e indefiniti, comprese le annotazioni di tipo null e il controllo dei null.

Object-oriented features

TypeScript supporta meglio le caratteristiche della programmazione orientata agli oggetti, come le classi, le interfacce e l'ereditarietà. JavaScript supporta la programmazione orientata agli oggetti attraverso un sistema basato su prototipi.

Enumeratori (enums)

TypeScript supporta gli enum, che consentono di creare e manipolare facilmente insiemi di dati correlati. JavaScript, invece, non li supporta nativamente, costringendo i programmatori a simulare questa funzionalità con oggetti o array.

Type checking

TypeScript ha un sistema di controllo dei tipi integrato che aiuta a individuare gli errori in fase di compilazione. Il controllo dei tipi in JavaScript avviene solo in fase di runtime.

Strumenti di supporto

TypeScript ha un supporto migliore per gli strumenti, compresi i plugin IDE e gli editor di codice. Questo perchè pur godendo di un ampio supporto dagli strumenti di sviluppo, JavaScript ha una tipizzazione dinamica che può rendere il completamento automatico e il rilevamento degli errori meno preciso.

Compatibilità del codice

TypeScript è retrocompatibile con JavaScript. Può eseguire qualsiasi JS, ma quest'ultimo non può eseguire TS.

Manutenibilità del codice

TypeScript offre una migliore manutenibilità e scalabilità del codice grazie alle annotazioni sui tipi e a un migliore supporto per gli OOP. La manutenibilità del codice JavaScript può risultare problematica in progetti di grandi dimensioni.

 

Quando usare JavaScript vs TypeScript

Scegliere tra JavaScript e TypeScript richiede principalmente una riflessione sulle esigenze del progetto e sul contesto di utilizzo.

JavaScript si presta bene per progetti più piccoli e leggeri, nei quali il focus è sulla velocità di sviluppo e la facilità di integrazione. Spesso si tratta della scelta più adeguata per siti web o applicazioni semplici, che non richiedono una gestione complessa del codice. Da tenere in considerazione la curva di apprendimento di JavaScript, la quale è più bassa rispetto a TypeScript.

TypeScript, d'altra parte, è perfetto per progetti di grandi dimensioni e applicazioni complesse e scalabili, in cui la manutenibilità e la robustezza del codice giocano un ruolo fondamentale. La sua tipizzazione statica aiuta a prevenire errori in fase di sviluppo e offre una migliore leggibilità e organizzazione del codice, soprattutto in team di grandi dimensioni. Rispetto a JavaScript, però, la curva di apprendimento risulta più alta. 

 

Conclusione

Come abbiamo visto, la scelta tra TypeScript e JavaScript dipende dalle esigenze specifiche di ogni progetto. JavaScript offre semplicità e flessibilità, risultando perfetto per progetti di piccola scala o per sviluppatori alle prime armi. D'altro canto, TypeScript, con il suo sistema di tipi statico e il supporto per la programmazione orientata agli oggetti, è particolarmente utile per gestire progetti complessi e di grandi dimensioni.