JS Güzelleştirici

Bu araç ne işe yarar?

JS Beautifier, küçültülmüş veya tek satıra sıkıştırılmış JavaScript kodunu okunabilir, düzgün girintili bir hale getirir; istediğinizde tam tersini yaparak kodu minify de eder. Üretim dosyalarını incelemek isteyen geliştiriciler, öğrenciler ve hata ayıklayan herkes için tarayıcıda anında çalışır.

Nasıl kullanılır?

Verinizi sol alana yapıştırın veya yazın.
Sonuç anında sağ tarafta oluşturulur.
Kopyala düğmesiyle çıktıyı alıp istediğiniz yerde kullanın.

İki yönlü: biçimlendir ve küçült

Beautify modu süslü parantez, köşeli parantez, noktalı virgül ve virgüllerden sonra satır sonu ekleyerek bloğu 2 veya 4 boşlukla girintiler. Minify modu ise tek ve çok satırlı yorumları siler, gereksiz boşlukları kaldırır ve operatörlerin etrafını sıkıştırarak kodu tek satıra indirir. Üstteki sayaç, karakter sayısındaki değişimi yüzdeyle birlikte gösterir; örneğin minify sonrası -%40 gibi bir kazanç görebilirsiniz.

Ne zaman işinize yarar

Bir CDN'den gelen sıkıştırılmış kütüphaneyi okumaya çalışırken, bir kod parçacığının yapısını anlamaya çalışan bir öğrenciyken ya da kopyaladığınız tek satırlık kodu inceltmek isterken kullanışlıdır. Çıktıyı tek tıkla panoya kopyalayıp doğrudan düzenleyiciye yapıştırabilirsiniz. Hızlı bir okunabilirlik aracı olarak tasarlanmıştır; tam bir derleyici veya linter değildir.

Sıkça sorulan sorular

Bu araç ESLint veya Prettier yerine geçer mi?

Hayır. Prettier gibi araçlar AST tabanlı çalışır ve dil kurallarını eksiksiz uygular; bu araç ise hızlı bir karakter tabanlı biçimlendiricidir. Hızlı okunabilirlik için idealdir ama proje genelinde tutarlı stil dayatması için Prettier'i tercih edin.

Girinti olarak neden sadece 2 ve 4 boşluk var?

Bunlar JavaScript topluluğunda en yaygın iki kuraldır; Airbnb ve Google stilleri 2 boşluğu, bazı eski kod tabanları 4 boşluğu kullanır. Beautify modundayken bu iki seçenek arasında geçiş yapabilirsiniz.

Minify modu yorumları siler mi?

Evet. Hem // ile başlayan tek satırlık hem de /* */ blok yorumları kaldırılır, ardından boşluklar sıkıştırılır. Yorumlarınızı korumak isterseniz minify öncesinde kodun bir kopyasını saklayın.