Zum Inhalt

TypeScript Cheatsheet

TypeScript Cheatsheet

Überblick

TypeScript ist ein typisierter Oberbegriff von JavaScript, der zu reinem JavaScript kompiliert. Es bietet optionale statische Typisierung, Klassen und Schnittstellen. TypeScript ist für die Entwicklung großer Anwendungen konzipiert und transcompiliert zu JavaScript.

Hauptmerkmale

  • Statische Typisierung: Fehler zur Kompilierzeit statt zur Laufzeit abfangen.
  • Schnittstellen: Verträge für Ihren Code definieren.
  • Klassen: Objektorientierte Programmierfeatures wie Klassen, Vererbung und Zugriffsmodifikatoren verwenden.
  • Generics: Wiederverwendbare Komponenten erstellen, die mit verschiedenen Typen arbeiten können.

Erste Schritte

TypeScript installieren: 

npm install -g typescript

Eine TypeScript-Datei kompilieren: 

tsc my-file.ts

Grundlegende Typen

  • boolean: trueoder false.
  • number: Alle Zahlen sind Gleitkommatypen.
  • string: Textuelle Daten.
  • array: Ein Array von Werten eines bestimmten Typs.
  • tuple: Ein Array mit einer festen Anzahl von Elementen unterschiedlicher Typen.
  • enum: Eine Möglichkeit, Mengen von numerischen Werten benutzerfreundlicher zu benennen.
  • any: Ein dynamischer Typ, der alles sein kann.
  • void: Die Abwesenheit jeglichen Typs.
  • null`` andundefined**: Untertypen aller anderen Typen.
  • never: Repräsentiert den Typ von Werten, die niemals auftreten.

Schnittstellen

interface Person {
  firstName: string;
  lastName: string;
}

function greeter(person: Person) {
  return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.textContent = greeter(user);

Klassen

class Greeter {
  greeting: string;
  constructor(message: string) {
    this.greeting = message;
  }
  greet() {
    return "Hello, " + this.greeting;
  }
}

let greeter = new Greeter("world");

Generics

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("myString");

Zusätzliche Ressourcen

Would you like me to elaborate on any part of the translation or fill in the missing placeholders?https://www.typescriptlang.org/play)