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!!!