Was ist TypeScript?

Vorwort:

TypeScript ist eine Obermenge von JavaScript , die zu reinem JavaScript Code kompiliert wird.

Warum also ist die TypeScript -Sprache erschienen? Hauptsächlich, weil JavaScript mittlerweile viele komplexe Projekte entwickeln kann, aber JavaScript mangelt es an Zuverlässigkeit. Bei der Verwendung müssen wir viel Geschäftslogik hinzufügen, um die Robustheit des Codes beurteilen zu können.

TypeScript kann in einer Browserumgebung, einer Node.js-Umgebung oder in ECMAScript3 oder höheren JavaScript Engines ausgeführt werden.

1. JavaScript-Probleme

Die Hauptprobleme mit JavaScript sind folgende:

Ausnahmen vom Typ JavaScript können nur zur Laufzeit erkannt werden.

Da der Typ von JavaScript -Funktionen nicht eindeutig ist, kann es zu Problemen mit der endgültigen Funktionalität der Funktion kommen.

Wie folgt:

Funktion Summe(x, y){
  Rückgabewert x + y
}
Summe(100, '100') // 100100

2. Vorteile von TypeScript

• JavaScript ist eine dynamisch typisierte Programmiersprache. Der sogenannte dynamische Typ bedeutet, dass der Datentyp zur Kompilierzeit bekannt ist, egal ob es sich um eine Zahl oder einen String handelt. TypeScript ist eine statisch typisierte Programmiersprache. Der sogenannte statische Typ bedeutet, dass der Datentyp zum Zeitpunkt des Schreibens bekannt ist.

sei num: Zahl = 6;

Die Variable num kann von Anfang bis Ende nur vom Typ number sein. Wenn ihr eine Zeichenfolge zugewiesen wird, wird eine Ausnahme ausgelöst.

Die Vorteile von TypeScript sind also folgende:

• Während des Entwicklungsprozesses können wir die Fehler lokalisieren, was uns die Fehlerprüfung erleichtert.
• TypeScript ist eine fortschrittliche Programmiersprache. Wenn Sie die Syntax nicht verstehen, können Sie sie wie JavaScript verwenden.
• Dies reduziert unnötige Typprüfungen während unseres Entwicklungsprozesses.
• Statisch typisierte Codehinweise sind besser als statisch typisierte Codehinweise.
• Dies wird beim Refactoring des Projekts einfacher.
• Statisch typisierter Code ist semantischer und lesbarer als dynamisch typisierter Code.

3. Nachteile von TypeScript

TypeScript hat nicht nur Vorteile, sondern auch keine Nachteile. Die Nachteile sind relativ zu JavaScript.

Die Einzelheiten lauten wie folgt:

• Im Vergleich zu JavaScript fügt TypeScript selbst viele Konzepte hinzu. Beispielsweise Konzepte wie Generika und Schnittstellen.
• Die Verwendung von TypeScript für die Entwicklung erhöht zwar kurzfristig einige Kosten, bei einem Projekt, das eine langfristige Wartung erfordert, können TypeScript jedoch die Wartungskosten gesenkt werden.
• Es ist möglicherweise nicht perfekt in einige Bibliotheken integriert.

4. Die Betriebsumgebung von TypeScript

TypeScript läuft auf der Grundlage einer Node.js環, daher müssen Sie zuerst Node.js installieren.

Installieren Sie Node.js und andere zu ignorierende Vorgänge

Der Befehl zur Installation von TypeScript lautet wie folgt:

npm install -g [email protected]

Hier gebe ich die Versionsnummer durch @ an, oder Sie können keine Versionsnummer angeben

Nach der Installation TypeScript müssen Sie auch ein ts-node -Tool installieren. Wenn Sie dieses Tool installieren, können Sie TS-Code nicht direkt ausführen. Sie müssen TS-Code in JavaScript kompilieren, bevor Sie ihn ausführen können.

Der Ausführungsablauf ist wie folgt:

# TS-Code kompilieren tsc demo.ts 
# Nach dem Kompilieren erhalten Sie die Datei demo.js und können sie dann ausführen

Wenn Sie das Tool node-ts installieren, können Sie TS-Code direkt ausführen.

Die einzelnen Schritte sind wie folgt:

# 1. Globale Installation npm install -g [email protected]
# 2. Führen Sie den Code ts-node demo.ts aus

Es ist zu beachten, dass sich das Verzeichnis nach der Installation in der Umgebungsvariable befinden muss, da sonst ein Fehler gemeldet wird.

5. Umfangsprobleme

Wenn wir TS-Dateien im Projekt ausführen und der gleiche Variablenname in verschiedenen Dateien vorhanden ist, wird eine Ausnahme ausgelöst.

Der Beispielcode lautet wie folgt:

a.ts

let str: string = 'Hallo Welt'

b.ts

let str: string = 'Eine Schüssel Zhou'

Zu diesem Zeitpunkt wird eine Ausnahme ausgelöst, d. h. die Blockbereichsvariable "str" ​​kann nicht erneut deklariert werden. Wenn der Editor VScode ist, wird eine Eingabeaufforderung angezeigt, wenn Sie mit der Maus über den Variablennamen fahren.

Es gibt zwei Möglichkeiten, dieses Problem zu lösen. Die erste besteht darin, für jede Datei eine sofort ausführbare Funktion (eine anonyme Funktion) zu erstellen, um sicherzustellen, dass jede Datei einen separaten Gültigkeitsbereich hat.

Der Beispielcode lautet wie folgt:

(Funktion() {
  let str: string = 'Eine Schüssel Zhou'
}){}

Die zweite Möglichkeit besteht darin, die aktuelle Datei mit „Export“ als Modul zu exportieren. Der Beispielcode lautet wie folgt:

let str: string = 'Eine Schüssel Zhou'

exportieren {}

Dies ist das Ende dieses Artikels zum Thema „Was ist TypeScript?“. Weitere verwandte TypeScript-Inhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!