Leichtgewichtige Typescript-IDE - Typescript-Code online ausführen
Schreiben, starten und debuggen Sie Typescript in einer leichtgewichtigen Online-IDE mit Mehrdatei-Editor, dauerhaften Arbeitsbereichen, Laufzeitbibliotheken, Freigaben und Live-Zusammenarbeit.
📚 Die besten Typescript-Kurse, die du ausprobieren solltest
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.
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.
- Wählen Sie eine Version aus und bearbeiten Sie die aktuelle Datei oder öffnen Sie eine andere Datei aus dem Arbeitsbereich.
- Führen Sie den Code aus, geben Sie bei Aufforderung Daten im Terminal ein und prüfen Sie den gespeicherten Ausführungsverlauf.
- 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();