So funktioniert es
- Schreiben Sie links Code oder bearbeiten Sie das Beispiel.
- Klicken Sie auf Ausführen oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac). Die Konsolenausgabe erscheint rechts.
- 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.