TypeScript - Grundlegende Syntax

Die Syntax definiert eine Reihe von Regeln zum Schreiben von Programmen. Jede Sprachspezifikation definiert ihre eigene Syntax. Ein TypeScript-Programm besteht aus -

• Modules
• Functions
• Variables
• Aussagen und Ausdrücke
• Comments

Ihr erster TypeScript-Code

Beginnen wir mit dem traditionellen Beispiel „Hallo Welt“ -

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

Beim Kompilieren wird folgender JavaScript-Code generiert.

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

• Zeile 1 deklariert eine Variable mit der Namensnachricht. Variablen sind ein Mechanismus zum Speichern von Werten in einem Programm.

• Zeile 2 gibt den Wert der Variablen an die Eingabeaufforderung aus. Hier bezieht sich die Konsole auf das Terminalfenster. Das Funktionsprotokoll () wird verwendet, um Text auf dem Bildschirm anzuzeigen.

Kompilieren und Ausführen eines TypeScript-Programms

Lassen Sie uns sehen, wie ein TypeScript-Programm mit Visual Studio Code kompiliert und ausgeführt wird. Befolgen Sie die unten angegebenen Schritte -

Step 1- Speichern Sie die Datei mit der Erweiterung .ts. Wir werden die Datei als Test.ts speichern. Der Code-Editor markiert eventuelle Fehler im Code, während Sie ihn speichern.

Step 2- Klicken Sie im Erkundungsbereich von VS Code mit der rechten Maustaste auf die TypeScript-Datei unter der Option Arbeitsdateien. Wählen Sie die Option In Eingabeaufforderung öffnen.

Step 3 - Verwenden Sie zum Kompilieren der Datei den folgenden Befehl im Terminalfenster.

tsc Test.ts

Step 4- Die Datei wird zu Test.js kompiliert. Geben Sie Folgendes in das Terminal ein, um das geschriebene Programm auszuführen.

node Test.js

Compiler-Flags

Mit Compiler-Flags können Sie das Verhalten des Compilers während der Kompilierung ändern. Jedes Compiler-Flag macht eine Einstellung verfügbar, mit der Sie das Verhalten des Compilers ändern können.

In der folgenden Tabelle sind einige allgemeine Flags aufgeführt, die dem TSC-Compiler zugeordnet sind. Eine typische Befehlszeilenverwendung verwendet einige oder alle Schalter.

S.No.	Compiler-Flag & Beschreibung
1.	--help Zeigt das Hilfehandbuch an
2.	--module Laden Sie externe Module
3.	--target Legen Sie die Ziel-ECMA-Version fest
4.	--declaration Erzeugt eine zusätzliche .d.ts-Datei
5.	--removeComments Entfernt alle Kommentare aus der Ausgabedatei
6.	--out Kompilieren Sie mehrere Dateien zu einer einzigen Ausgabedatei
7.	--sourcemap Generieren Sie eine Sourcemap-Datei (.map)
8.	--module noImplicitAny Verbietet dem Compiler, auf einen beliebigen Typ zu schließen
9.	--watch Achten Sie auf Dateiänderungen und kompilieren Sie diese im laufenden Betrieb neu

Note - Es können mehrere Dateien gleichzeitig kompiliert werden.

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

Bezeichner in TypeScript

Bezeichner sind Namen, die Elementen in einem Programm wie Variablen, Funktionen usw. gegeben werden. Die Regeln für Bezeichner sind -

• Bezeichner können sowohl Zeichen als auch Ziffern enthalten. Die Kennung kann jedoch nicht mit einer Ziffer beginnen.

• Bezeichner dürfen keine speziellen Symbole enthalten, außer Unterstrich (_) oder Dollarzeichen ($).

• Bezeichner können keine Schlüsselwörter sein.

• Sie müssen einzigartig sein.

• Bezeichner unterscheiden zwischen Groß- und Kleinschreibung.

• Bezeichner dürfen keine Leerzeichen enthalten.

In den folgenden Tabellen sind einige Beispiele für gültige und ungültige Bezeichner aufgeführt.

Gültige Bezeichner	Ungültige Bezeichner
Vorname	Var
Vorname	Vorname
num1	Vorname
$ Ergebnis	1Nummer

TypeScript ─ Schlüsselwörter

Schlüsselwörter haben im Kontext einer Sprache eine besondere Bedeutung. In der folgenden Tabelle sind einige Schlüsselwörter in TypeScript aufgeführt.

Unterbrechung	wie	irgendein	Schalter
Fall	wenn	werfen	sonst
var	Nummer	Zeichenfolge	bekommen
Modul	Art	Instanz von	eine Art von
Öffentlichkeit	Privat	Aufzählung	Export
schließlich	zum	während	Leere
Null	Super	diese	Neu
im	Rückkehr	wahr	falsch
irgendein	erweitert	statisch	Lassen
Paket	Geräte	Schnittstelle	Funktion
Neu	Versuchen	Ausbeute	const
fortsetzen	tun	Fang

Leerzeichen und Zeilenumbrüche

TypeScript ignoriert Leerzeichen, Tabulatoren und Zeilenumbrüche, die in Programmen angezeigt werden. Sie können Leerzeichen, Tabulatoren und Zeilenumbrüche in Ihrem Programm frei verwenden und Ihre Programme frei ordentlich und konsistent formatieren und einrücken, sodass der Code leicht zu lesen und zu verstehen ist.

TypeScript unterscheidet zwischen Groß- und Kleinschreibung

Bei TypeScript wird zwischen Groß- und Kleinschreibung unterschieden. Dies bedeutet, dass TypeScript zwischen Groß- und Kleinbuchstaben unterscheidet.

Semikolons sind optional

Jede Befehlszeile heißt a statement. Semikolons sind in TypeScript optional.

Example

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

Eine einzelne Zeile kann mehrere Anweisungen enthalten. Diese Anweisungen müssen jedoch durch ein Semikolon getrennt werden.

Kommentare in TypeScript

Kommentare sind eine Möglichkeit, die Lesbarkeit eines Programms zu verbessern. Kommentare können verwendet werden, um zusätzliche Informationen zu einem Programm wie den Autor des Codes, Hinweise zu einer Funktion / einem Konstrukt usw. aufzunehmen. Kommentare werden vom Compiler ignoriert.

TypeScript unterstützt die folgenden Arten von Kommentaren:

• Single-line comments ( // ) - Jeder Text zwischen einem // und dem Ende einer Zeile wird als Kommentar behandelt

• Multi-line comments (/* */) - Diese Kommentare können mehrere Zeilen umfassen.

Example

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

TypeScript und Objektorientierung

TypeScript ist objektorientiertes JavaScript. Objektorientierung ist ein Softwareentwicklungsparadigma, das der realen Modellierung folgt. Die Objektorientierung betrachtet ein Programm als eine Sammlung von Objekten, die über einen als Methoden bezeichneten Mechanismus miteinander kommunizieren. TypeScript unterstützt auch diese objektorientierten Komponenten.

• Object- Ein Objekt ist eine Echtzeitdarstellung einer Entität. Laut Grady Brooch muss jedes Objekt drei Merkmale aufweisen -

  • State - beschrieben durch die Attribute eines Objekts

  • Behavior - beschreibt, wie sich das Objekt verhält

  • Identity - Ein eindeutiger Wert, der ein Objekt von einer Reihe ähnlicher solcher Objekte unterscheidet.

• Class- Eine Klasse in Bezug auf OOP ist eine Blaupause zum Erstellen von Objekten. Eine Klasse kapselt Daten für das Objekt.

• Method - Methoden erleichtern die Kommunikation zwischen Objekten.

Example: TypeScript and Object Orientation

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

Das obige Beispiel definiert eine Klasse Gruß . Die Klasse hat eine Methode greet () . Die Methode druckt die Zeichenfolge "Hello World" auf dem Terminal. DasnewSchlüsselwort erstellt ein Objekt der Klasse (obj). Das Objekt ruft die Methode greet () auf .

Beim Kompilieren wird folgender JavaScript-Code generiert.

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

Die Ausgabe des obigen Programms ist unten angegeben -

Hello World!!!