0Pricing
TypeScript Academy · Lektion

Was TypeScript zu JavaScript hinzufügt

Lernen Sie, wie TypeScript JavaScript um statische Typen erweitert.

Was TypeScript zu JavaScript hinzufügt ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

TypeScript ist eine Obermenge von JavaScript, die statische Typannotationen hinzufügt. In dieser Lektion lernen Sie genau, was TypeScript zusätzlich zu einfachem JavaScript bietet.

TypeScript ist eine Obermenge

Jede gültige JavaScript-Datei ist auch gültiges TypeScript. Sie können eine .js-Datei in .ts umbenennen, und sie wird kompiliert. TypeScript fügt lediglich Funktionen hinzu – es entfernt keine JavaScript-Syntax.

Typannotationen

Die sichtbarste Ergänzung sind Typannotationen. Sie deklarieren den Typ einer Variable, eines Parameters oder eines Rückgabewerts nach einem Doppelpunkt.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Typprüfung zur Kompilierungszeit

TypeScript prüft Typen, bevor Ihr Code ausgeführt wird. Wenn Sie den falschen Typ zuweisen, meldet der Compiler einen Fehler – statt dass es zu einem Absturz zur Laufzeit kommt.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Interfaces und Type Aliases

TypeScript fügt Interfaces und Type Aliases hinzu, um die Struktur von Objekten zu beschreiben. Diese existieren nur zur Kompilierungszeit und erzeugen keine JavaScript-Ausgabe.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Enums

Mit Enums können Sie eine Gruppe benannter Konstanten definieren. Anders als Interfaces erzeugen Enums tatsächlich JavaScript-Code.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Generics

Mit Generics können Sie Code schreiben, der mit jedem Typ funktioniert und trotzdem typsicher bleibt. Sie sind eine wichtige TypeScript-Funktion für wiederverwendbare Hilfsfunktionen.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Zugriffsmodifizierer für Klassen

TypeScript fügt Klassen die Modifizierer public, private und protected hinzu. JavaScript verfügt über die Syntax # für private Eigenschaften, die Modifizierer von TypeScript werden jedoch zur Kompilierungszeit geprüft.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Nicht-nullbare Typen

Wenn strictNullChecks aktiviert ist, können null und undefined nicht automatisch jedem Typ zugewiesen werden. Sie müssen diese explizit mithilfe von Union-Typen erlauben.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript entfernt Typen zur Laufzeit

Alle Typannotationen von TypeScript werden während der Kompilierung entfernt. Die Ausgabe ist einfaches JavaScript – zur Laufzeit gibt es keine Typinformationen.

Bessere IDE-Werkzeuge

Mit Typinformationen können IDEs eine präzise Autovervollständigung, Inline-Dokumentation, sichere Umbenennungen und die Suche nach allen Referenzen im gesamten Projekt bereitstellen.

Kurze Überprüfung

Was geschieht mit Typannotationen von TypeScript, wenn der Code kompiliert wird?

Zusammenfassung

TypeScript erweitert JavaScript um Typannotationen, Interfaces, Enums, Generics und Zugriffsmodifizierer. Alle Typinformationen werden zur Kompilierungszeit entfernt. Das Ergebnis ist sichereres und werkzeugfreundlicheres JavaScript.

Häufig gestellte Fragen

Ist die Lektion „Was TypeScript zu JavaScript hinzufügt“ kostenlos?

Ja — der vollständige Text von „Was TypeScript zu JavaScript hinzufügt“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Was TypeScript zu JavaScript hinzufügt“?

Lernen Sie, wie TypeScript JavaScript um statische Typen erweitert. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um TypeScript Academy zu starten?

Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Was TypeScript zu JavaScript hinzufügt“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Schwachstellen von JavaScript: Laufzeitfehler
  2. Was TypeScript zu JavaScript hinzufügt
  3. TypeScript zu JavaScript kompilieren
  4. Wann Sie TypeScript in Ihren Projekten verwenden sollten
← Zurück zu TypeScript Academy