JavaScript Oyun Alanı
Ücretsiz çevrimiçi JavaScript oyun alanı, tarayıcıda kod çalıştırın
JavaScript Playground Hakkında
Bir JavaScript kod parçasını çalıştırmak ve konsol çıktısını incelemek için tarayıcı içi bir karalama defteri. Kodunuz `new Function(code)` ile derlenir ve eşzamanlı olarak yürütülür; console.log, console.warn, console.error ve console.info geçici olarak intercept edilir, böylece argümanları yakalanır, biçimlendirilir (nesneler JSON-dizgeleştirilir) ve düzeyine göre renkle işlenir. Araç ayrıca milisaniye cinsinden yürütme süresini bildirir ve herhangi bir hatayı kırmızı bir banner'da gösterir.
Nasıl Kullanılır
1. Kod Girişi textarea'sındaki varsayılan `// Write your JavaScript code here` metnini kendi kod parçanızla değiştirin. 2. Çalıştır'a tıklayın. Yürütme süresi düğmenin yanında `X.XX ms'de yürütüldü` olarak görünür. 3. Konsol Çıktısı kartını inceleyin: her yakalanan çağrı kendi satırında görünür, renk kodlu — log (ön plan), warn (sarı), error (kırmızı), info (mavi). Nesneler 2 boşluklu JSON olarak iyi yazdırılır. 4. Kod parçası atarsa, istisna mesajı Konsol Çıktısı kartının üzerindeki kırmızı hata banner'ında görünür ve bu çalıştırma için konsol çıktısı gösterilmez.
Yürütme Sandbox'ı ve Argüman Biçimlendirme
Sonuçlara güvenmeden önce bilmeniz gereken önemli davranışlar: - Kod sayfanın gerçek global kapsamında `new Function(code)()` ile çalıştırılır — GÜÇLENDIRILMIS bir sandbox DEĞILDIR. Araç bunu sarı bir Güvenlik Uyarısı banner'ı ile uyarır. Güvenilmeyen kod yapıştırmayın. - Dört konsol yöntemi çalıştırma süresi boyunca değiştirilir ve bir `finally` bloğunda geri yüklenir, böylece yakalama sadece kod parçanızla kapsamlanır. - Argüman biçimlendirme: `null` değişmez "null" olarak, `undefined` "undefined" olarak, nesneler `JSON.stringify(arg, null, 2)` ile ( stringify atarsa, örn. döngüsel yapılar için, `String(arg)` ile geri döner), ve ilkel değerler `String(arg)` ile. Çağrı başına birden çok argüman tek bir boşlukla birleştirilir. - Modül/await desteği yoktur — eşzamansız kod zamanlama ölçümünü engellemez ve ESM `import` deyimleri atar.
▶Async/await, fetch veya ES modül importlarını kullanabilir miyim?
▶Burada güvenilmeyen kod çalıştırmak güvenli mi?
▶Neden nesnem [object Object] olarak yazdırılıyor veya stringify başarısız oluyor?
▶Kodum bir sunucuya gönderiliyor mu?
Bu araç size yardımcı olduysa, bana bir kahve ısmarlamayı düşünün.
Bana bir kahve ısmarla