İçeriğe atla

JavaScript Biçimlendirici

JavaScripti veya TypeScripti tutarlı, okunabilir koda biçimlendir.

Giriş
80
Çıkış

JavaScript Biçimlendirici

JavaScripti veya TypeScripti yapıştırın ve bu araç tutarlı girinti, boşluk ve satır sonlarına biçimlendiri. Minifiye edilmiş veya tutarsız biçimlendirilmiş kodu yeniden biçimlendiri, blokları ve nesne literallerini normalleştiri ve üçlü operatörler, genel türler, şablon literalleri, isteğe bağlı zincirlenme ve ok işlevleri gibi ifadeleri insanın yazacağı şekilde boşluklarla birlikte tutar.

Seçenekler ayrıntıları değil yapıyı yöneti. Girinti için 2 boşluk, 4 boşluk veya sekmeler ve tek veya çift tırnak seçi — dize içeriği her iki durumda da doğru şekilde yeniden kodlanır, bu nedenle dizedeki hiçbir karakter asla zarar görmez. Noktalı virgüller her ifadenin sonuna eklenebilir veya otomatik noktalı virgül eklemenin lehine kaldırılabilir; çok satırlı nesneler ve diziler sondaki virgüllerle veya bunlar olmadan bitebilir. Maksimum satır genişliği, uzun bir nesne literali veya bağımsız değişken listesinin ekranın kenarının ötesinde çalışmak yerine birden çok satıra ne zaman bölüneceğini kontrol edi. Küçültme aynı kodu kaldırılan boşluklarla ve açıklamalarla tek bir satıra sıkıştırır, okunabilir yerine kompakt bir kopyaya ihtiyacınız olduğunda.

Bu bir biçimlendirici, linter veya paketleyici değildir: mantığı yeniden yazma, değişkenleri yeniden adlandırma veya içermeleri çözme ve kodunuzu çalıştırmaz. Amaç, sınıflar, eşzamansız işlevler, yıkma, yayılma operatörleri ve dekoratörler dahil olmak üzere gerçekçi JavaScripti ve TypeScripti çıkarmak geçerliliğini koruma — gerçekten kötü biçimlendirilmiş girişi (sonlandırılmamış dize veya yorum) tam olarak reddedilmek yerine en iyi çaba esasına göre yeniden biçimlendirilir.

Her şey tarayıcınızda yerel olarak çalışır. Kaynak kodunuz hiçbir zaman bir sunucuya yüklenmez, bu da tescilli veya yayınlanmamış kod kadar hızlı bir hata raporu parçası için önemlidir. Biçimlendirilmiş sonucu kopyalay, .txt dosyası olarak indir veya çalışmaya devam etmek için başka bir araca gönder.

FAQ

Sadece JavaScript değil, TypeScript'i de destekliyor mu?
Evet. Tür açıklamaları, genel türler, arayüzler, isteğe bağlı özellikler ve diğer yaygın TypeScript söz dizimi, düz JavaScript ile birlikte tanınır ve biçimlendirilir.
Küçültme diğer seçeneklerden ne kadar farklı?
Açıklamaları ve gereksiz boşlukları kaldırır ve kodu tek bir satıra yerleştirir, aynı zamanda ifadeleri güvenli şekilde ayırmak için gereken noktalı virgülleri tutar. Bu kompakt bir biçimlendirme modu, tam bir küçültücü değildir — değişkenleri yeniden adlandırmaz ve diğer boyut optimizasyonları uygulamaz.
Kodum kırılacak mı?
Biçimlendirici yalnızca boşlukları, alıntı karakterlerini ve noktalı virgülleri değiştirir — ifadeleri veya mantığı asla yeniden yazma. Açıklamalar ve dize içeriği yazıldığı gibi tam olarak korunur.
Büyük bir nesne literali gibi uzun bir satırla ne olur?
Maksimum satır genişliğini ayarlay ve bunu aşacak bir nesne veya dizi literali ekranın kenarının ötesine çıkmak yerine birden çok satıra, satır başına bir giriş olarak bölünür.
Kodum herhangi bir yere yükleniyor mu?
Hayır. Biçimlendirme tamamen tarayıcınızda çalışır — kaynak kodunuz asla cihazınızı terk etmez.