Online TypeScript Compiler – Führe TypeScript in deinem Browser aus

Nutze unseren Online TypeScript Compiler, um TypeScript-Code direkt im Browser zu schreiben, zu kompilieren und auszuführen. Ideal für Entwickler, die TypeScript lernen oder Code spontan testen möchten.

Version

Beispiel

🚀 Gesamt-Ausführungen ( diesen Monat)

📚 Alle lernen gerade Typescript – und du?

💡 TypeScript Grundlagenleitfaden für Anfänger

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. Bedingte Anweisungen (if / switch)

Verwenden Sie if, else if und else für Verzweigungen. switch behandelt 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("Andere");
}

3. Schleifen

Verwenden Sie for, while und for...of für Iterationen.

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

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

4. Arrays

Verwenden Sie 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

Verwenden Sie 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. Konsolenein-/ausgabe

Verwenden Sie console.log, um Ausgaben in der Konsole anzuzeigen.

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

7. Funktionen

Deklarieren Sie Funktionen mit typisierten Parametern und Rückgabewerten.

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

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

8. Maps

Verwenden Sie 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

Verwenden Sie try und catch, um Fehler zu behandeln.

try {
  throw new Error("Etwas ist schief gelaufen");
} catch (e) {
  console.error(e.message);
}

10. Datei-E/A (nur Node.js)

Verwenden Sie das Node.js fs-Modul, 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. Zeichenfolgenmanipulation

Verwenden Sie Zeichenfolgenmethoden 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();