İçeriğe geç
ToolMug

Gezinmek için ↑ ↓, açmak için Enter, kapatmak için Esc.

JavaScript Çalıştır

JavaScript yazıp Çalıştır’a tıklayarak console.log, warn ve error çıktısını görün. Üst düzey await çalışır; kod ayrı bir worker’da olduğundan sonsuz döngü sayfayı dondurmaz.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Ctrl+Enter / ⌘+Enter

Konsol

console.log çıktısı burada görünür.

Ayrı bir worker’da çalışır: DOM (document, window) yoktur, ancak fetch, zamanlayıcılar, JSON, Intl ve diğer yerleşik işlevler çalışır.

Nasıl kullanılır

  1. Solda kod yazın veya örneği düzenleyin.
  2. Çalıştır’a tıklayın ya da Ctrl+Enter (Mac’te ⌘+Enter) kullanın; konsol çıktısı sağda görünür.
  3. Kod fazla uzun sürerse Durdur’a tıklayın veya sağ alttaki süre sınırını ayarlayın.

Seçeneklerin açıklaması

Ortam
Tarayıcınızdaki Web Worker’da çalışır; tarayıcının desteklediği JavaScript, fetch, setTimeout, Intl ve crypto vardır, document veya window yoktur.
Konsol
console.log, info, warn, error, debug, table, count ve time/timeEnd ile %s, %d ve %o yer tutucularını destekler.
Üst düzey await
Kod async function içinde çalıştığından await ifadesini doğrudan kullanabilirsiniz.

Neler yazdırılır

Çıktıda yalnızca konsola gönderdikleriniz görünür. Son satırın değeri, tarayıcı konsolundaki gibi gösterilmez; bu yüzden onu console.log içine alın. Yazdırma Node.js stilini izler: diziler ve nesneler açılır, içlerindeki dizeler tırnak içinde gösterilir ve %s ile %d yer tutucuları sonraki argümanlardan doldurulur.

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);

İlk üç satır [ 1, 4, 9 ], Ada is 36 years old ve { name: "Ada", tags: [ "a", "b" ] } yazdırır. Son iki satır ağ bağlantısı gerektirir ve isteğin HTTP durumunu yazdırır. Zaman sınırı 5, 10, 30 veya 60 saniye olarak ayarlanabilir; sınıra ulaşıldığında çalıştırma sonlandırılır ve bir mesaj bunu bildirir.

Sıkça sorulan sorular

npm paketlerini içe aktarabilir miyim?

import ifadeleriyle değil. Ağ bağlantısı gerektiren await import('https://esm.sh/package-name') ile ESM paketlerini dinamik yükleyebilirsiniz.

Sonsuz döngü yazarsam ne olur?

Hemen bitirmek için Durdur’a tıklayın; süre sınırında da otomatik durur. Her çalıştırma yeni worker kullanır.

Kodum yükleniyor mu?

Hayır. Yalnızca tarayıcınızda çalışır; ağ istekleri sadece kendi kodunuzun yaptığı istektir.

TypeScript destekleniyor mu?

Şimdilik yalnızca JavaScript desteklenir; önce TypeScript tür açıklamalarını kaldırın.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar