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.tsStep 4- Il file viene compilato in Test.js. Per eseguire il programma scritto, digitare quanto segue nel terminale.
node Test.jsFlag 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.tsIdentificatori 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!!!