Che cos’è TypeScript e perché gli sviluppatori dovrebbero provarlo?

che cosa è-dattiloscritto

JavaScript è un linguaggio di programmazione unico. È progettato per lo sviluppo Web e ha regole diverse rispetto ad altri linguaggi di programmazione.

Una delle differenze più notevoli è che JavaScript viene digitato in modo dinamico, il che significa che non è necessario dichiarare i tipi durante la creazione di variabili. Lingue come C, C # e Java ti faranno dichiarare tipi variabili. Queste sono chiamate variabili tipizzate staticamente.

I linguaggi che utilizzano variabili tipizzate staticamente possono offrire maggiore stabilità e ridurre gli errori nel codice. TypeScript colma il divario tra JavaScript e le regole di programmazione tradizionali.

Tipi di variabili

Il tipo di variabile è l'informazione che prevedi di archiviare nella variabile.

Ecco una variabile Java, ad esempio:

 int myNumber = 10; 

Questa variabile è un int , che è l'abbreviazione di intero. Questo ti consente di sapere che la variabile myNumber prevede di memorizzare un numero intero. Se si tenta di memorizzare un valore diverso nella variabile, come una stringa di caratteri, il programma non verrà eseguito.

Ecco alcuni altri tipi di variabili che potresti aver usato:

  • int: numeri regolari
  • float: numeri decimali
  • char: caratteri singoli come 'x' o 'a'
  • stringa: una serie di caratteri come "Hello" e "This is a string"
  • booleano: valori veri o falsi

JavaScript non richiede la dichiarazione di tipi di variabili. Mentre ti dà più libertà, può portare ad alcune cattive abitudini. È qui che TypeScript semplifica il tuo lavoro.

Che cos'è TypeScript?

TypeScript è una versione di JavaScript sviluppata da Microsoft che introduce tipi di variabili nel codice. Non è un linguaggio nuovo di zecca; pensalo come un wrapper su JavaScript semplice. Ha una sintassi molto simile a JavaScript, quindi è facile iniziare.

Per mostrare quanto siano simili, ecco una riga di codice sia in JavaScript che in TypeScript.

JavaScript:

 let myNumber = 10; 

Dattiloscritto:

 let myNumber: number = 10; 

Quando si dichiara una variabile in TypeScript, si dichiara il tipo contemporaneamente. È un piccolo cambiamento che ha un grande impatto.

TypeScript è un linguaggio compilato, a differenza di JavaScript che viene eseguito nel browser. Le lingue compilate possono essere più veloci e comportare programmi più efficienti .

Non è necessario scaricare alcun software aggiuntivo; I file TypeScript vengono compilati in normali file JavaScript che possono essere utilizzati in qualsiasi app Web. I file TypeScript vengono salvati come file .TS .

Come installare TypeScript

Iniziare con TypeScript è semplice:

  • Tramite il gestore pacchetti Node.js (NPM)
  • Installazione dei plug-in Visual Studio di TypeScript

L'installazione con NPM è semplice con la riga di comando:

 > npm install -g typescript 

Se stai utilizzando Visual Studio 2017 o Visual Studio 2015 Update 3, hai già incluso TypeScript. Se non è installato, è possibile scaricarlo dal sito Web TypeScript .

Vantaggi di TypeScript

JavaScript è già piuttosto eccezionale, quali sono invece i vantaggi dell'utilizzo di TypeScript? Ci sono molte ragioni per usare TypeScript per lo sviluppo web.

Variabili tipizzate

TypeScript consente di assegnare tipi alle variabili nel codice. Hai visto l'esempio all'inizio, ma come ti può aiutare?

Dover assegnare tipi alle tue variabili può renderti un programmatore migliore. Ti costringe a riflettere su ogni variabile che scrivi durante la pianificazione della tua app. In questo modo si evitano errori da compiere successivamente nel codice, si rende la tua app di facile lettura e rende il codice un gioco da ragazzi testare.

TypeScript offre molte opzioni per creare variabili.

Numeri

 let myNumber: number = 10; 

stringhe

 let myString: string = "TypeScript"; 

Variabili booleane

 let myBoolean: boolean = true; 

Array

Quando si definisce un array, si utilizzerà il tipo di valore contenuto nell'array seguito da parentesi quadre.

 let myArray: number [] = [1,2,3]; 

Qualunque

Questo tipo di variabile viene utilizzato quando si desidera che TypeScript consenta qualsiasi tipo di tipo da assegnare alla variabile. Questo ti dà maggiore flessibilità quando non sei sicuro di ciò che potrebbe diventare la tua variabile.

È possibile modificare liberamente il valore di queste variabili.

 let anyType: any = 10; anyType = "Hello"; //No error anyType = true; //Still no error 

vuoto

I tipi di vuoto vengono utilizzati quando non si desidera assegnare alcun tipo alla variabile. Questo è ottimo per le funzioni che non restituiscono alcun valore.

 function randomMessage(): void { Console.log("This is just a message"); } 

Nullo

Ti dà semplicemente un valore nullo.

 let myNull: null = null; //This is all you can do 

Non definito

Altrettanto semplice, questo ti dà un valore indefinito.

 let myUndefined: undefined = undefined; //This is all you can do 

Funzionalità aggiunte

TypeScript offre alcune funzionalità e tipi aggiuntivi che ti consentono di fare di più con JavaScript.

tuple

Una tupla è una matrice speciale dichiarata con un numero fisso di elementi. Questi elementi possono avere tipi diversi, ma la tupla deve attenersi ai tipi nell'ordine dichiarato.

 let myTuple: [number,string]; myTuple = [45, "Hello"]; myTuple = ["Hello", 45]; // Error 

Tipi di enum

I tipi di enum sono un tipo speciale che assegna valori numerici a una serie

 enum Color { Red, Green, Blue } 

In questo enum Red viene assegnato il valore di 0, Green è 1 e Blue è 2. Gli enum sono indicizzati a zero proprio come le matrici in JavaScript.

Classi di oggetti

Classi di oggetti, interfacce ed ereditarietà sono tutti supportati in TypeScript.

JavaScript non ha un vero sistema di classe per la programmazione orientata agli oggetti. JavaScript utilizza un sistema prototipo molto simile, ma non del tutto uguale. Se provieni da uno sfondo orientato agli oggetti, questo da solo potrebbe venderti su TypeScript.

Puoi creare una classe con i costruttori

 class Student { Name: string; constructor(first,middle,last) { this.Name = first + " " + middle + " " + last; } } let newStudent = new Student("John", "Leonard","Smith"); 

Puoi creare un'interfaccia e usarla come un tipo.

 interface Person { personName: string; function sayHello(person: Person) { return "Hello " + person.personName; } 

funzioni

TypeScript dichiara anche i tipi nelle funzioni.

 function addNum(num1: number, num2: number) { return num1 + num2; } 

Puoi anche utilizzare i parametri predefiniti nelle tue funzioni. Questi sono utili quando si ha un valore che si desidera impostare nei parametri nel caso in cui la funzione venga eseguita senza un argomento.

 function addNums(num1: number, num2 = 15) { return num1 + num2; } addNums(5,5); // This will return 10 addNums(5); // This will return 20. There was no second value, so the default parameter of 15 is used 

Il compilatore TypeScript aiuta il codice di prova

JavaScript in esecuzione nel browser Web è eccezionale perché è semplice. TypeScript utilizza un compilatore per tradurre il codice in un file JavaScript, ma non è solo un lavoro extra?

Affatto! Il compilatore TypeScript può aiutarti a testare il codice mentre scrivi. Quando esegui un file TypeScript nel tuo IDE, esso segnala gli errori man mano che procedi.

Debug di TypeScript nell'IDE del codice di Visual Studio

Ridurre questi errori nel tuo IDE pulirà il tuo codice. Al momento della compilazione in semplice JavaScript, il codice è stato verificato per l'accuratezza del tipo. Il compilatore TypeScript può essere personalizzato in base alle proprie preferenze di programmazione.

Open Source

TypeScript è open-source e creato da Microsoft. Ci sono molti vantaggi nel software open source. La comunità di sviluppatori lavora costantemente per appianare eventuali bug o aggiungere nuove funzionalità.

TypeScript funziona bene con Visual Studio e Visual Studio Code. Visual Studio Code è la scelta migliore per lavorare in JavaScript, quindi sei pronto per iniziare se decidi di usarlo.

Funziona con altri frame web

Se stai codificando, i framework di un'app Web sono progettati per farti risparmiare tempo. Poiché JavaScript è il re degli script di sviluppo web, vengono utilizzati molti framework. Molti di questi quadri sono molto popolari.

TypeScript non ti impedisce di utilizzare questi web framework molto utili . È compatibile con React, Angular, Express, Babel, Vue.js, ASP.NET Core e React Native.

Sviluppo Web e JavaScript

TypeScript è stato creato per rendere più semplice lo sviluppo di web e app per gli sviluppatori JavaScript. È piuttosto importante avere una base con JavaScript e come funziona prima di immergersi in TypeScript.

Vuoi una sfida? Scarica TypeScript e prova un progetto comune come la creazione di una presentazione JavaScript . Sviluppa le tue conoscenze e molto presto sarai un esperto di sviluppo web!

Leggi l'articolo completo: che cos'è TypeScript e perché gli sviluppatori dovrebbero provarlo?