Erstellen von JavaScript-Anwendungen mithilfe von TypeScript
TypeScript bietet alle Features von JavaScript sowie eine zusätzliche Ebene: das TypeScript-Typsystem. In diesem Lernpfad erfahren Sie, wie Sie mithilfe von TypeScript für JavaScript-Entwicklung robusteren Code erstellen, Laufzeittypfehler reduzieren, moderne Funktionen nutzen, bevor diese in JavaScript verfügbar sind, und mit Entwicklungsteams besser zusammenarbeiten.
Voraussetzungen
- Vertrautheit mit grundlegendem HTML und JavaScript ES6/2015, einschließlich:
- Bedingungen
- Funktionen
- `Scope`
- Arrays
- Schleifen
- Iterators
- Objekte
- Klassen
- Module
- Installierte Software:
- Git-Client
- Visual Studio Code
- Node.js
- TypeScript
Erfolgscode
Möchten Sie einen Erfolgscode beantragen?
Module in diesem Lernpfad
Dieses Modul bietet eine Einführung in die Sprache TypeScript, ihre Entstehung und ihre Verwendung bei der JavaScript-Entwicklung. Außerdem richten Sie eine TypeScript-Entwicklungsumgebung für zukünftige Übungen ein.
JavaScript ist eine dynamisch typisierte Sprache. Obwohl dadurch das Deklarieren von Variablen vereinfacht wird, kann dies in einigen Fällen zu unerwarteten Ergebnissen führen. Das statische Typsystem in TypeScript ermöglicht es Ihnen, die Form eines Objekts zu beschreiben, eine bessere Dokumentation bereitzustellen und mithilfe von TypeScript zu überprüfen, ob Ihr Code ordnungsgemäß funktioniert. In TypeScript ordnen Deklarationen von Namespaces, Klassen, Eigenschaften, Funktionen, Variablen und anderen Sprachentitäten diesen Entitäten Typen zu. Es hängt von der Art der Entität ab, wie ein Typ erstellt und einer Sprachentität zugeordnet wird. In diesem Modul werden einige der verfügbaren Typen vorgestellt, und es wird gezeigt, wie diese Variablen zugeordnet werden. In späteren Modulen wird untersucht, wie Schnittstellen, Funktionen und Klassen die statische Typisierung verwenden.
JavaScript unterstützt keine Schnittstellen, deshalb sind Sie als JavaScript-Entwickler möglicherweise nicht mit diesen vertraut. In TypeScript können Sie Schnittstellen genau wie bei der traditionellen objektorientierten Programmierung verwenden. Sie können Schnittstellen auch zum Definieren von Objekttypen verwenden. Mit diesem Thema befasst sich dieses Modul schwerpunktmäßig.
Wenn Sie Funktionen in JavaScript schreiben können, dann können Sie auch Funktionen in TypeScript schreiben. Mit TypeScript werden die standardmäßigen JavaScript-Funktionen jedoch um einige neue Optionen erweitert, die die Arbeit mit diesen Funktionen erleichtern.
Klassen in TypeScript erweitern die ES6-Funktionalität durch Hinzufügen TypeScript-spezifischer Features wie Typanmerkungen für Klassenmember, Zugriffsmodifizierer und die Möglichkeit, erforderliche oder optionale Parameter anzugeben. Ein weiterer Vorteil der Verwendung von TypeScript besteht darin, dass Sie TypeScript verwenden können, um Klassen zum Entwickeln zu verwenden und sie zu JavaScript zu kompilieren, da JavaScript wie erforderlich auf allen wichtigen Browsern und Plattformen funktioniert.
Generics sind Codevorlagen, die Sie in Ihrer Codebasis definieren und wieder verwenden können. Sie bieten Ihnen eine Möglichkeit, Funktionen, Klassen und Schnittstellen darüber zu informieren, welchen Typ Sie verwenden möchten, wenn Sie sie aufrufen.
TypeScript bietet zwei Möglichkeiten, Ihren Code zu organisieren: Namespaces und Module. In diesem Learn-Modul erhalten Sie eine Einführung zu Modulen in TypeScript. In früheren Versionen wurden diese als externe Module bezeichnet.
TypeScript bietet zwei Möglichkeiten, Ihren Code zu organisieren: Namespaces und Module. In diesem Modul wird erläutert, wie Sie TypeScript-Code mithilfe von Namespaces organisieren.