TypeScript: sintassi di base

La sintassi definisce un insieme di regole per la scrittura di programmi. Ogni specifica del linguaggio definisce la propria sintassi. Un programma TypeScript è composto da:

Modules
Functions
Variables
Dichiarazioni ed espressioni
Comments

Il tuo primo codice TypeScript

Cominciamo con il tradizionale esempio "Hello World":

var message:string = "Hello World" 
console.log(message)

Durante la compilazione, genererà il seguente codice JavaScript.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

La riga 1 dichiara una variabile con il nome messaggio. Le variabili sono un meccanismo per memorizzare i valori in un programma.
La riga 2 stampa il valore della variabile nel prompt. Qui, console si riferisce alla finestra del terminale. Il registro delle funzioni () viene utilizzato per visualizzare il testo sullo schermo.

Compilare ed eseguire un programma TypeScript

Vediamo come compilare ed eseguire un programma TypeScript utilizzando Visual Studio Code. Segui i passaggi indicati di seguito:

Step 1- Salva il file con estensione .ts. Salveremo il file come Test.ts. L'editor di codice contrassegna gli eventuali errori nel codice durante il salvataggio.

Step 2- Fare clic con il pulsante destro del mouse sul file TypeScript sotto l'opzione File di lavoro nel riquadro Esplora di VS Code. Seleziona l'opzione Apri nel prompt dei comandi.

Step 3 - Per compilare il file utilizzare il seguente comando nella finestra del terminale.

tsc Test.ts

Step 4- Il file viene compilato in Test.js. Per eseguire il programma scritto, digitare quanto segue nel terminale.

node Test.js

Flag del compilatore

I flag del compilatore consentono di modificare il comportamento del compilatore durante la compilazione. Ogni flag del compilatore espone un'impostazione che consente di modificare il comportamento del compilatore.

La tabella seguente elenca alcuni flag comuni associati al compilatore TSC. Un tipico utilizzo della riga di comando utilizza alcune o tutte le opzioni.

S.No.	Flag del compilatore e descrizione
1.	--help Visualizza il manuale della guida
2.	--module Carica moduli esterni
3.	--target Imposta la versione ECMA di destinazione
4.	--declaration Genera un file .d.ts aggiuntivo
5.	--removeComments Rimuove tutti i commenti dal file di output
6.	--out Compila più file in un unico file di output
7.	--sourcemap Genera un file sourcemap (.map)
8.	--module noImplicitAny Non consente al compilatore di dedurre qualsiasi tipo
9.	--watch Controlla le modifiche ai file e ricompilali al volo

Note - È possibile compilare più file contemporaneamente.

tsc file1.ts, file2.ts, file3.ts

Identificatori in TypeScript

Gli identificatori sono nomi dati agli elementi in un programma come variabili, funzioni ecc. Le regole per gli identificatori sono:

Gli identificatori possono includere sia caratteri che cifre. Tuttavia, l'identificatore non può iniziare con una cifra.
Gli identificatori non possono includere simboli speciali ad eccezione del carattere di sottolineatura (_) o del simbolo del dollaro ($).
Gli identificatori non possono essere parole chiave.
Devono essere unici.
Gli identificatori fanno distinzione tra maiuscole e minuscole.
Gli identificatori non possono contenere spazi.

Le seguenti tabelle elencano alcuni esempi di identificatori validi e non validi:

Identificatori validi	Identificatori non validi
nome di battesimo	Var
nome di battesimo	nome di battesimo
num1	nome di battesimo
$ risultato	1numero

TypeScript ─ Parole chiave

Le parole chiave hanno un significato speciale nel contesto di una lingua. La tabella seguente elenca alcune parole chiave in TypeScript.

rompere	come	qualunque	interruttore
Astuccio	Se	gettare	altro
var	numero	corda	ottenere
modulo	genere	istanza di	tipo di
pubblico	privato	enum	esportare
finalmente	per	mentre	vuoto
nullo	super	Questo	nuovo
in	ritorno	vero	falso
qualunque	si estende	statico	permettere
pacchetto	attrezzi	interfaccia	funzione
nuovo	provare	dare la precedenza	const
Continua	fare	catturare

Spazi vuoti e interruzioni di riga

TypeScript ignora gli spazi, le tabulazioni e le nuove righe che appaiono nei programmi. Puoi usare spazi, tabulazioni e nuove righe liberamente nel tuo programma e sei libero di formattare e far rientrare i tuoi programmi in un modo ordinato e coerente che rende il codice facile da leggere e capire.

TypeScript fa distinzione tra maiuscole e minuscole

TypeScript fa distinzione tra maiuscole e minuscole. Ciò significa che TypeScript distingue tra caratteri maiuscoli e minuscoli.

I punti e virgola sono facoltativi

Ogni riga di istruzione è chiamata a statement. I punti e virgola sono facoltativi in TypeScript.

Example

console.log("hello world")
console.log("We are learning TypeScript")

Una singola riga può contenere più istruzioni. Tuttavia, queste istruzioni devono essere separate da un punto e virgola.

Commenti in TypeScript

I commenti sono un modo per migliorare la leggibilità di un programma. I commenti possono essere usati per includere informazioni aggiuntive su un programma come l'autore del codice, suggerimenti su una funzione / costrutto, ecc. I commenti vengono ignorati dal compilatore.

TypeScript supporta i seguenti tipi di commenti:

Single-line comments ( // ) - Qualsiasi testo compreso tra // e la fine di una riga viene trattato come un commento
Multi-line comments (/* */) - Questi commenti possono estendersi su più righe.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript e orientamento agli oggetti

TypeScript è JavaScript orientato agli oggetti. L'orientamento agli oggetti è un paradigma di sviluppo software che segue la modellazione del mondo reale. Object Orientation considera un programma come una raccolta di oggetti che comunicano tra loro tramite meccanismi chiamati metodi. TypeScript supporta anche questi componenti orientati agli oggetti.

Object- Un oggetto è una rappresentazione in tempo reale di qualsiasi entità. Secondo Grady Brooch, ogni oggetto deve avere tre caratteristiche:
- State - descritto dagli attributi di un oggetto
- Behavior - descrive come agirà l'oggetto
- Identity - un valore univoco che distingue un oggetto da un insieme di tali oggetti simili.
Class- Una classe in termini di OOP è un modello per la creazione di oggetti. Una classe incapsula i dati per l'oggetto.
Method - I metodi facilitano la comunicazione tra gli oggetti.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

L'esempio precedente definisce un saluto di classe . La classe ha un metodo greet () . Il metodo stampa la stringa "Hello World" sul terminale. Ilnewparola chiave crea un oggetto della classe (obj). L'oggetto invoca il metodo greet () .