Zum Inhalt springen
ToolMug

JavaScript online ausführen

Fügen Sie JavaScript ein oder schreiben Sie es und klicken Sie auf Ausführen, um die Ausgabe von console.log, warn und error zu sehen – zum Ausprobieren von Codeschnipseln, Üben von Algorithmen oder Debuggen kleiner Logik. Top-Level-await funktioniert, und der Code läuft in einem separaten Worker, sodass eine Endlosschleife die Seite nicht einfriert.

Läuft in Ihrem Browser – Ihre Eingaben werden nicht hochgeladen

Ctrl+Enter / ⌘+Enter

Konsole

Ausgaben von console.log erscheinen hier.

Läuft in einem separaten Worker: kein DOM (document, window), aber fetch, Timer, JSON, Intl und andere Built-ins funktionieren.

So funktioniert es

  1. Schreiben Sie links Code oder bearbeiten Sie das Beispiel.
  2. Klicken Sie auf Ausführen oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac). Die Konsolenausgabe erscheint rechts.
  3. Läuft der Code zu lange, klicken Sie auf Stopp oder stellen Sie das Zeitlimit unten rechts ein.

Optionen erklärt

Umgebung
Ein Web Worker in Ihrem Browser mit der neuesten JavaScript-Syntax, die Ihr Browser unterstützt, mit fetch, setTimeout, Intl und crypto, aber ohne document oder window.
Konsole
console.log, info, warn, error, debug, table, count und time/timeEnd, mit den Platzhaltern %s, %d und %o. Objekte werden ähnlich wie in Node.js aufgeklappt dargestellt.
Top-Level-await
Der Code läuft innerhalb einer async-Funktion, sodass Sie await direkt verwenden können.

Was ausgegeben wird

In der Ausgabe erscheint nur, was Sie an die Konsole senden. Der Wert der letzten Zeile wird nicht angezeigt, wie es in einer Browser-Konsole der Fall wäre. Verpacken Sie ihn daher in console.log. Die Ausgabe folgt dem Node.js-Stil: Arrays und Objekte werden aufgeklappt, Zeichenketten darin stehen in Anführungszeichen, und die Platzhalter %s und %d werden aus den folgenden Argumenten gefüllt.

console.log([1, 2, 3].map((n) => n * n));
console.log('%s is %d years old', 'Ada', 36);
console.log({ name: 'Ada', tags: ['a', 'b'] });
const data = await fetch('https://example.com/').then((r) => r.status);
console.log(data);

Die ersten drei Zeilen geben [ 1, 4, 9 ], Ada is 36 years old und { name: "Ada", tags: [ "a", "b" ] } aus. Die letzten beiden Zeilen brauchen eine Netzwerkverbindung und geben den HTTP-Status der Anfrage aus. Das Zeitlimit lässt sich auf 5, 10, 30 oder 60 Sekunden einstellen; wird es erreicht, wird der Lauf beendet und eine Meldung weist darauf hin.

Häufig gestellte Fragen

Kann ich npm-Pakete importieren?

Nicht mit import-Anweisungen. Sie können ESM-Pakete dynamisch mit await import('https://esm.sh/paketname') laden, was eine Netzwerkverbindung benötigt.

Was passiert bei einer Endlosschleife?

Klicken Sie auf Stopp, um sie sofort zu beenden, oder sie stoppt automatisch am Zeitlimit. Jeder Lauf verwendet einen neuen Worker, sodass die Seite nicht betroffen ist.

Wird mein Code hochgeladen?

Nein. Er läuft nur in Ihrem Browser; die einzigen Netzwerkanfragen sind die, die Ihr eigener Code auslöst.

Wird TypeScript unterstützt?

Bisher nur JavaScript; entfernen Sie zuerst die TypeScript-Typannotationen.

Datenschutz

Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.

Ähnliche Tools