La storia vincente di TypeScript.

Mar 19 2023
L'inizio di Typescript Quando Microsoft stava sviluppando applicazioni con Javascript, ha scoperto che il linguaggio non era facile da gestire su larga scala con app complesse. Inoltre, Javascript non è molto facilmente sostituibile poiché è l'unico linguaggio compreso dai browser del giorno e un ampio pool di talenti ha familiarità con Javascript.

L'inizio del dattiloscritto

Quando Microsoft stava sviluppando applicazioni con Javascript, ha scoperto che il linguaggio non era facile da gestire su larga scala con app complesse. Inoltre, Javascript non è molto facilmente sostituibile poiché è l'unico linguaggio compreso dai browser del giorno e un ampio pool di talenti ha familiarità con Javascript. Così è nato TypeScript. Non era inteso come un linguaggio separato ma un superset di Javascript, una sorta di compilatore che gli sviluppatori possono beneficiare sia del DX di typescript che della compatibilità di javascript.

Evoluzione di Javascript

Alla fine, ogni riga di dattiloscritto che scrivi viene tradotta in javascript prima che venga eseguita. Ma la magia del dattiloscritto sta prima che venga eseguito. Durante lo sviluppo e la compilazione di un progetto.

Typescript è stato un enorme successo, attirando aziende e grandi imprese verso di esso. Al giorno d'oggi, non inizio più nessun progetto serio senza di essa. Gran parte dello sviluppo web moderno, in particolare i nuovi progetti, viene eseguita in dattiloscritto come standard.

Secondo il sondaggio State of Javascript del 2022, per la prima volta, Typescript ha ora una quota maggiore rispetto a Vanilla Javascript.

Che cosa ha comunque Typescript?

La cosa più importante nel dattiloscritto è presente nel suo nome. tipi.

I programmatori Javascript non hanno mai conosciuto il gusto della digitazione statica e pensavano che la digitazione dinamica fosse una caratteristica. Anche se Typescript non corrisponde a un linguaggio intrinsecamente statico, ha mostrato agli utenti vanilla un'anticipazione di quanto possano essere utili i tipi.

Dallo sviluppo al debug, ha reso la vita degli sviluppatori molto più semplice.

Tipo di inferenza

let ts = false;
ts = "typescript"; // throws error
if (ts) {
    console.log("Value is true");
} else {
    console.log("Value is false.");
}

Ora riscriviamo lo stesso codice in Typescript.

let ts = false;
ts = "typescript"; // throws error
if (ts) {
    console.log("Value is true");
} else {
    console.log("Value is false.");
}

Questo è il potere dell'inferenza di tipo .

L'inferenza del tipo è il compilatore dattiloscritto che cerca di indovinare il tipo di una variabile dal suo valore assegnato piuttosto che farti digitare esplicitamente il suo tipo.

La maggior parte delle persone quando iniziano con il dattiloscritto pensano di dover scrivere esplicitamente tutto. Direi che è un uso scorretto del dattiloscritto. Dovresti lasciare che il compilatore faccia tutto il lavoro possibile a meno che non riesca a capire correttamente il valore.

Debug

Di solito ti impedisce di eseguire il processo di debug facendoti sapere cosa c'è che non va prima di provare a eseguirlo. In questo modo non devi passare ore a cercare di capire quale parte dello stack di chiamate sta causando un problema quando tutto ciò che stava effettivamente causando il problema era un semplice errore di ortografia.

Ti costringe a scrivere codice migliore per la maggior parte del tempo.

JavaScript

Consideriamo la funzione di cui sopra che grida il nome di un utente. Sembra perfettamente a posto, ma considera che l'utente fornisce un nome con una sola parola come "Vasan". Genera un errore di runtime:

Scriviamo la stessa funzione in dattiloscritto:

Dattiloscritto

Fin dall'inizio, il dattiloscritto mostra linee rosse e non ti consente di compilare il file finché non li gestisci correttamente.

Possiamo usare l' operatore nullish coalescing per assegnare loro una stringa vuota se il valore non è definito.

Gestire gli errori nel dattiloscritto

Ora, quando chiamiamo la funzione con una parola, la funzione la gestisce correttamente e ci fornisce l'output.

Uscita per dattiloscritto

Questo metodo può sembrare rigoroso, ma può ridurre drasticamente i bug di runtime e ci aiuta a evitarli facendoli apparire in fase di compilazione.

Sviluppo più rapido

Potresti pensare che Typescript rallenterà il tuo sviluppo poiché dobbiamo scrivere tipi e interfacce da abbinare alle variabili mentre puoi semplicemente scrivere il codice direttamente in Javascript. Non è esatto. Se passi il tempo a scrivere i tipi per le tue variabili e oggetti, non solo risparmi ore nel debug, ma risparmi ore nella digitazione. Sblocchi tutta la potenza del dattiloscritto: Intellisense .

Una semplice funzione in JavaScript
La stessa funzione in TypeScript

Come puoi vedere, poiché il tipo di parametro è noto, VSCode può fornire suggerimenti e completamenti molto utili permettendoci di scrivere il codice più velocemente.

Grazie per aver letto fino alla fine!

Ho intenzione di documentare pubblicamente i miei progetti futuri, passo dopo passo insieme ai dettagli tecnici.

Se sei interessato a più contenuti di qualità su argomenti di programmazione e altro ancora, dammi un seguito:

Cinguettio:https://twitter.com/keerthivasansa_

medie: Keerthi Vasan

Blog di Hashnode: Nectres