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 () .

Durante la compilazione, genererà il seguente codice JavaScript.

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

L'output del programma di cui sopra è dato di seguito:

Hello World!!!