- Ausführende
-
Lernen
Python lernen Ausführbare Beispiele, NumPy, pandas und mehr KI lernenNeuronale Netze, ML und LLMs von Grund auf C/C++ lernen Zeiger, Speicher, STL und modernes C++ C# lernenC#-Grundlagen, OOP, LINQ, Async und .NET-Übungen Matplotlib lernenLinien-, Balken-, Streu- und Kreisdiagramme mit interaktiven Visualisierungen Python-Algorithmen Suche, Sortierung, Rekursion und Visualisierungen O(n) C/C++-Algorithmen Implementierungen in C und C++ vergleichen
- AufgabenNeu
- Für LehrkräfteNeu
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.
🚀 1,123 Gesamt-Ausführungen (82 diesen Monat)
Übe Python mit Coding Challenges
Löse praktische Aufgaben direkt im Editor: Führe die Beispieltests aus, reiche ein und erhalte ein KI-Code-Review.
🌀 Ü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.
- 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();