Approfondimento su TypeScript

4.6 (480)Lezione2 minLezione 2 di 549 lezioniCertificazione

Questa lezione fa parte del corso JavaScript che puoi iniziare totalmente gratis creando il tuo account Learnn.

Overview

Approfondimento su TypeScript

TypeScript aggiunge un notevole numero di funzionalità a JavaScript, a partire naturalmente dal type system.

La type coercion in JavaScript è spessofonte di enormi problemi e non-sense, uno strumento TypeScript non può che aiutarci ad essere più veloci nell’individuare i problemi dei nostri script.

Un esempio classico è il seguente:

10 + “20” === “1020”

Se proviamo a sommare un numero ed una stringa, JavaScript convertirà il primo numero in stringa, concatendandola al secondo numero.

A questo punto potremmo chiederci, cosa succederebbe se provassimo a sottrarre una stringa da un numero?

10 - “20” === -20

Vi aspettavate un risultato del genere? In questo caso JavaScript convertirà il secondo valore (non più il primo come nell’esempio precedente) da stringa a numero ed eseguirà una semplice sottrazione.

Le cose possono complicarsi ulteriormente quando iniziamo a lavorare con array e oggetti.

Se proviamo a concatenare due array con l’operatore +, ci aspetteremmo un unico array, giusto?

[1, 2, 3, 4] + [10, 20, 30, 40] === “1,2,3,4,10,20,30,40”

Ebbene no, JavaScript convertirà entrambi gli array in stringhe, unendo gli elementi con una virgola e concatenandoli in un’unica stringa.

Ma le cose peggiorano se proviamo ad esempio a concatenare un array vuoto con un oggetto vuoto:

[] + {} === “[object Object]”

Il risultato è quantomeno inaspettato. Una stringa contenente il testo “[object Object]”? Ve lo sareste aspettati?

Ma proviamo a verificare la proprietà commutativa, provando a concatenare un oggetto vuoto ad un array vuoto:

{} + [] === 0

In questo caso il risultato è un numero intero, zero per la precisione.

Tutti questi sono si casi limite, ma sono anche fonte di ore ed ore di scervellamento e debugging davanti allo schermo!

TypeScript è immediatamente in grado di comprendere se ci si trova in una delle situazioni appena viste, o in una qualunque delle altre migliaia di possibili situazioni pericolose, avvertendoci per tempo ancora prima di rilasciare il nostro codice in produzione!

Se siete interessati a continuare il percorso di formazione su TypeScript, vi consiglio fortemente il seguente tutorial

In questo corso partiremo dalle basi di programmazione con JavaScript per poi passare a JavaScript avanzato: TypeScript e Framework (React, Svelte, Vue).

Grazie ad esercizi pratici ed esempi in live coding, sarai in grado di utilizzare JavaScript per sviluppare e ottimizzare prodotti digitali e siti web.

Michele Riva è Senior Software Architect in NearForm nel team di Developer Experience.

Michele lavora principalmente su progetti open-source, viaggia per il mondo tenendo conferenze e segue anche clienti enterprise per aiutarli a scalare le loro applicazioni Node.js per reggere anche miliardi di utenti.

Ha vinto il premio Microsoft MVP (Most Valuable Professional) e fa parte del programma Google Developer Expert.

Michele è uno dei più riconosciuti professionisti a livello italiano e internazionale e per questo è il professionista che ha registrato con noi un corso estremamente pratico su JavaScript.

Siamo davvero orgogliosi di avere una persona come Michele all'interno di Learnn e di poter rendere accessibile il suo sapere.