CodeUtility
Mach dir das Coderleben leicht!

Online TypeScript Compiler

Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.

Vorinstallierte Bibliotheken
🚀 555 Gesamt-Ausführungen (278 diesen Monat)

Udemy Logo 📚 Alle lernen gerade Typescript - und du?

Wird geladen…

💡 Möchten Sie Ihre Fähigkeiten verbessern? Diese Kurse können hilfreich sein – schauen Sie sich sie an, während unser KI-Modell Ihre Anfrage bearbeitet.

🌀 Über diesen TypeScript‑Online‑Executor

Der CodeUtility TypeScript Executor ermöglicht es dir, TypeScript-Code direkt in deinem Browser zu schreiben und auszuführen - ganz ohne Compiler-Setup, Node.js-Installation oder lokale Umgebung. Er führt echten TypeScript‑Code aus, der zu JavaScript kompiliert wird, in einer sicheren, isolierten Sandbox‑Laufzeitumgebung.

Diese Umgebung unterstützt derzeit TypeScript 5.4 und bietet dir Zugriff auf die neuesten Sprachfeatures wie Dekoratoren, verbesserte Typinferenz und moderne ECMAScript‑Unterstützung.

Egal, ob du TypeScript lernst, Utility‑Funktionen testest oder mit Typisierung und Interfaces experimentierst - dieses Tool bietet dir eine schnelle und interaktive Möglichkeit, deinen Code zu schreiben, zu kompilieren und auszuführen, mit sofortigem Feedback.

Ideal für Entwickler, die das Typsystem von TypeScript erkunden oder prüfen möchten, wie TypeScript zu JavaScript kompiliert - ohne zwischen Editoren oder lokalen Terminals zu wechseln.

Mehr als nur ein Code-Runner

Nutzen Sie im selben Executor einen Editor für mehrere Dateien, ein isoliertes Ausführungsterminal, laufzeitspezifische Bibliotheken, persistente Arbeitsbereiche, Freigaben und Zusammenarbeit in Echtzeit.

Wie verwende ich diesen Executor?

Wählen Sie eine Laufzeit aus, öffnen oder erstellen Sie eine Datei, schreiben Sie Ihren Code und wählen Sie Ausführen. Die Ausgabe erscheint im Terminal. Angemeldete Benutzer können Dateien in einem Arbeitsbereich speichern, Bibliotheken installieren und über Freigaben zusammenarbeiten.

  1. Wählen Sie eine Version aus und bearbeiten Sie die aktuelle Datei oder öffnen Sie eine andere Datei aus dem Arbeitsbereich.
  2. Führen Sie den Code aus, geben Sie bei Aufforderung Daten im Terminal ein und prüfen Sie den gespeicherten Ausführungsverlauf.
  3. Nutzen Sie Bibliotheken, Arbeitsbereichswerkzeuge, Freigaben und den Chat, wenn Ihre Aufgabe mehr als ein einzelnes Codefragment erfordert.

💡 TypeScript‑Grundlagen für Einsteiger

1. Variablen deklarieren

TypeScript ermöglicht statische Typisierung mit let, const und Typannotationen.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Verzweigungen (if / switch)

Verwende if, else if und else für Verzweigungen. switch handhabt mehrere Werte.

let x = 5;
if (x > 0) {
  console.log("Positiv");
} else if (x < 0) {
  console.log("Negativ");
} else {
  console.log("Null");
}

switch (x) {
  case 1:
    console.log("Eins");
    break;
  case 2:
    console.log("Zwei");
    break;
  default:
    console.log("Sonstiges");
}

3. Schleifen

Verwende for, while und for...of zum Iterieren.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arrays

Verwende eckige Klammern [], um Arrays zu definieren.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Array‑Manipulation

Verwende eingebaute Methoden wie push, splice und filter.

let arr = [10, 20, 30];
arr.push(40);          // Anhängen
arr.splice(1, 1);      // Zweites Element entfernen
console.log(arr);

6. Konsolen‑Ein-/Ausgabe

Verwende console.log, um Ausgaben in der Konsole anzuzeigen.

const name: string = "Alice";
console.log("Hallo, " + name);

7. Funktionen

Deklariere Funktionen mit typisierten Parametern und Rückgabewerten.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Maps

Verwende einfache Objekte oder Map für Schlüssel‑Wert‑Strukturen.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Ausnahmebehandlung

Verwende try und catch, um Fehler zu behandeln.

try {
  throw new Error("Es ist etwas schiefgelaufen");
} catch (e) {
  console.error(e.message);
}

10. Datei‑Ein-/Ausgabe (nur Node.js)

Verwende das Node.js‑Modul fs, um Dateien zu lesen und zu schreiben.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hallo Datei");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. String‑Manipulation

Verwende String‑Methoden wie length, concat, includes.

let str = "Hallo Welt";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("Welt"));

12. Klassen & Objekte

TypeScript unterstützt objektorientierte Programmierung.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(`Hi, ich bin ${this.name}`);
  }
}

const p = new Person("Alice");
p.greet();