TypeScript-Tutorial

TypeScript ist eine Obermenge von JavaScript und unterstützt den ECMAScript-6-Standard (ES6-Tutorial）。

TypeScript ist eine freie und quelloffene Programmiersprache, die von Microsoft entwickelt wurde. Sie ist eine Obermenge, die zusätzlich zu JavaScript statische Typprüfung hinzufügt.

TypeScript ist für die Entwicklung großer Anwendungen konzipiert. Es kann in reines JavaScript kompiliert werden, und das kompilierte JavaScript kann in jedem Browser ausgeführt werden.

Warum TypeScript wählen

TypeScript ist eine von Microsoft entwickelte Open-Source-Programmiersprache. Sie ist eine Obermenge von JavaScript.

TypeScript verbessert die JavaScript-Entwicklungserfahrung erheblich, indem es Funktionen wie optionale statische Typen, Interfaces und Enums hinzufügt.

Hauptvorteile von TypeScript

  • Statische Typprüfung:Typfehler zur Kompilierzeit erkennen, wodurch Laufzeitfehler reduziert werden
  • Leistungsstarke IDE-Unterstützung:Intelligente Codevervollständigung, Navigation und Refaktorierung
  • Bessere Lesbarkeit des Codes:Typen selbst sind die beste Dokumentation
  • Moderne JavaScript-Funktionen:Unterstützt ES6+-Syntax wie Arrow-Funktionen, Module, Klassen usw.
  • Schrittweise Migration:Bestehende JavaScript-Projekte können schrittweise zu TypeScript migriert werden

Wie TypeScript funktioniert

TypeScript kann nicht direkt im Browser ausgeführt werden; es muss zuerst in JavaScript kompiliert werden. Dieser Kompilierungsprozess prüft auf Typfehler und wandelt TypeScript-spezifische Syntax in reines JavaScript um.

SVG-Diagramm: TypeScript-Kompilierungsprozess Background TypeScript File .ts file Arrow 1 TypeScript Compiler TypeScript Compiler (tsc) Arrow 2 JavaScript File .js file Browser/Node.js Browser/Node.js Compilation Arrow Arrow Label Definitions Type Check Icon ✓

Der TypeScript-Compiler (tsc) führt während des Kompilierungsprozesses eine Typprüfung durch. Wenn Typfehler gefunden werden, meldet er einen Fehler und stoppt die Kompilierung. Nach erfolgreicher Kompilierung generiert er reinen JavaScript-Code, der in jedem Browser oder in der Node.js-Umgebung ausgeführt werden kann.

Sprachfunktionen

TypeScript ist eine um Typen erweiterte Erweiterung von JavaScript. Während die Kompatibilität mit der ursprünglichen Syntax erhalten bleibt, führt es ein stärkeres Typsystem und Engineering-Fähigkeiten ein.

Zentrale Erweiterungsfähigkeiten (TypeScript-spezifisch)

Merkmal Beschreibung
Typannotationen & Kompilierzeitprüfung Typfehler während der Entwicklung erkennen, wodurch die Zuverlässigkeit des Codes verbessert wird
Typinferenz Typen müssen nicht explizit deklariert werden; der Compiler kann sie automatisch ableiten
Typenlöschung Typinformationen nach der Kompilierung entfernen und reinen JavaScript-Code ausgeben
Benutzeroberfläche Wird verwendet, um Objektstrukturen zu definieren, was die Code-Einschränkungen verbessert
Enum Bietet eine Reihe benannter Konstanten, was die Lesbarkeit verbessert
Generika Unterstützt die Wiederverwendung von Typen und erhöht die Flexibilität von Funktionen und Klassen
Mixin Implementiert ein Kompositionsmuster für Mehrfachvererbung
Namespace Organisiert die Codestruktur (alter Ansatz, Module werden heute häufiger verwendet)
Tuple Arrays fester Länge mit unterschiedlichen Typen
Asynchron (Await) Bietet eine intuitivere asynchrone Ablaufsteuerung

Syntaxunterstützung aus ES2015 (abwärtskompatibel)

TypeScript unterstützt außerdem die Kernfunktionen von ECMAScript 2015 und kompiliert sie herunter:

Merkmal Beschreibung
Klasse Unterstützung für objektorientierte Programmierung
Modul Unterstützt modulare Entwicklung (import/export)
Pfeilfunktionen (=>) Prägnantere Funktionssyntax, Bindung an den lexikalischen Gültigkeitsbereich
Optionale Parameter Funktionsparameter können weggelassen werden
Standardparameter Bietet Standardwerte für Parameter

Unterschiede zwischen JavaScript und TypeScript

TypeScript ist eine Obermenge von JavaScript. Es erweitert die Syntax von JavaScript, sodass bestehender JavaScript-Code ohne Änderungen mit TypeScript verwendet werden kann. TypeScript bietet durch Typannotationen statische Typprüfung zur Kompilierungszeit.

TypeScript kann vorhandenen JavaScript-Code verarbeiten und kompiliert nur den darin enthaltenen TypeScript-Code.

Erstes TypeScript-Beispiel

Im folgenden Beispiel verwenden wir TypeScript, um Hello World! auszugeben.:

Beispiel

const hello : string = "Hello World!" console.log(hello)

Selbst ausprobieren »
Andere Erweiterungen