So nutzen Sie den Online-JavaScript-Compiler
- Schreiben Sie Ihr JavaScript in den Editor oder fügen Sie es dort ein. Mit Beispiel zurücksetzen stellen Sie das Startbeispiel wieder her.
- Drücken Sie Ausführen oder Strg + Enter (⌘ + Enter auf dem Mac).
- Ausgaben von
console.log,console.infoundconsole.debugerscheinen im Bereich Ausgabe.console.warn,console.errorund nicht abgefangene Ausnahmen werden samt Stacktrace als Fehler hervorgehoben. - Wählen Sie ein Zeitlimit von 5, 15 oder 60 Sekunden. Ein Skript, das länger läuft, wird automatisch gestoppt, und Sie können jederzeit Stopp drücken.
Sie müssen nichts herunterladen. JavaScript läuft in der Engine, die bereits in Ihren Browser eingebaut ist, daher ist die Seite sofort einsatzbereit. Mit Kopieren oder main.js sichern Sie Ihren Code.
Ihr Code läuft lokal in einem Web Worker in Ihrem eigenen Browser. Er wird nie auf unsere Server hochgeladen oder dort gespeichert. Der Editor merkt sich Ihren letzten Code im lokalen Speicher Ihres Browsers und an keinem anderen Ort.
Was unterstützt wird
- Modernes JavaScript: alles, was Ihr Browser unterstützt, darunter Klassen, Arrow-Funktionen, Destrukturierung, Optional Chaining (
?.), Nullish Coalescing (??),BigInt,Map/Setund neuere Array-Methoden. awaitauf oberster Ebene: Ihr Code wird in eine async-Funktion eingebettet, sodass Sie Promises direkt mitawaitabwarten können.- Timer und Promises:
setTimeout,setInterval,Promise.allund ähnliche Funktionen funktionieren. Der Lauf gilt als beendet, wenn Ihr Code auf oberster Ebene (einschließlich aller mit await abgewarteten Vorgänge) fertig ist. - Worker-taugliche Web-APIs wie
JSON,Intl,TextEncoder,crypto.getRandomValuesundstructuredClone.
Einschränkungen:
- Kein DOM. Der Code läuft in einem Worker, daher sind
document,windowundalert()nicht verfügbar. - Kein
import/require. Das ist nicht Node.js, deshalb lassen sich npm-Pakete und Node-Module wiefsnicht laden. console.tablegibt seine Daten als JSON aus statt als gezeichnete Tabelle.- Das Verhalten richtet sich nach dem Browser, den Sie verwenden. Ganz neue Funktionen fehlen in älteren Browsern möglicherweise.
JavaScript-Kurzreferenz
const scores = { ada: 91, linus: 78, grace: 85 };
const passed = Object.entries(scores)
.filter(([, s]) => s >= 80)
.map(([name, s]) => `${name}: ${s}`);
console.log(passed); // ["ada: 91", "grace: 85"] als JSON
const sleep = ms => new Promise(r => setTimeout(r, ms));
await sleep(100);
console.log(scores.bob ?? 'no score');| Aufgabe | Syntax |
|---|---|
| Variablen deklarieren | const x = 1; let y = 2; |
| Arrow-Funktion | const add = (a, b) => a + b; |
| Template-Literal | `Total: ${sum}` |
| Strikte Gleichheit | a === b |
| Destrukturierung | const { id, name } = user; |
| Auf ein Promise warten | const data = await promise; |
Tipps
- Objekte und Arrays werden als eingerücktes JSON ausgegeben. Loggen Sie sie direkt, zum Beispiel mit
console.log({ a, b }), um die Variablennamen neben ihren Werten zu sehen. MapundSetwerden mit ihrer Größe und ihrem Inhalt ausgegeben (zum BeispielMap(2) [...]),BigInt-Werte mit dem Suffixn.- Kopieren Sie JSON-Ausgaben in den JSON-Formatter, um sie zu validieren oder große Strukturen ein- und auszuklappen.
- Um unordentlichen oder minifizierten Code aufzuräumen, schicken Sie ihn durch den JavaScript-Formatter, bevor Sie ihn hier einfügen.
- Werte, die an
globalThisgehängt werden, bleiben zwischen den Läufen erhalten, bis Sie Stopp drücken. Mitconstoderletdeklarierte Variablen nicht.
Häufig gestellte Fragen
Welche JavaScript-Version wird ausgeführt?
Diejenige, die die Engine Ihres Browsers unterstützt: V8 in Chrome und Edge, SpiderMonkey in Firefox oder JavaScriptCore in Safari. Aktuelle Versionen aller drei unterstützen modernes ECMAScript, einschließlich der Funktionen von ES2024.
Warum ist document undefined?
Damit die Seite reaktionsschnell und sicher bleibt, läuft Ihr Code in einem Web Worker, der keinen Zugriff auf die Seite hat. Nutzen Sie dieses Tool für Logik, Algorithmen und Datenverarbeitung, nicht für DOM-Manipulation.
Kann ich npm-Pakete verwenden?
Nein. import, require und die eingebauten Node.js-Module sind nicht verfügbar. Nutzbar sind nur die Sprache selbst und die Standard-Web-APIs, die Worker bereitstellen.
Was passiert, wenn ich eine Endlosschleife schreibe?
Die Seite bleibt bedienbar, weil die Schleife in einem Worker läuft. Wenn das Zeitlimit erreicht ist oder Sie Stopp drücken, wird der Worker beendet und Ihr Code stoppt.
Aktualisiert