UTILS.
%100 tarayıcıda
🎨

JavaScript Güzelleştirici / Biçimlendirici

Küçültülmüş veya dağınık JavaScript ve JSON'u tutarlı girinti, boşluk ve satır sonlarıyla düzgün yazdırın — tamamen tarayıcıda çalışan elle yazılmış bir biçimlendirici.

— çıktı burada görünür —

Bu araç hakkında

JavaScript Güzelleştirici, küçültülmüş, tek satırlık veya tutarsız girintili JavaScript ve JSON'u tek tip girinti ve boşlukla temiz, okunabilir kaynağa yeniden biçimlendirir. Paketlenmiş bir kütüphaneyi okumak, kopyalanmış bir parçacığı düzenlemek veya bir JSON bloğunu incelemek için kullanışlıdır. Her şey tarayıcınızda gerçekleşir — kod yalnızca metin olarak yeniden biçimlendirilir, asla çalıştırılmaz, bu yüzden eval yoktur, new Function yoktur ve hiçbir şey yüklenmez.

Biçimlendirici bir regex hilesi değil, elle yazılmış bir tokenizer'dır: kaynağı token'lara tararken dizelerin, şablon değişmez değerlerinin, düzenli ifadelerin ve satır/blok yorumlarının içini doğru şekilde atlar, bu yüzden bunların içindeki tırnaklar ve eğik çizgiler asla yapı olarak yanlış anlaşılmaz. Klasik bir lookbehind sezgiseli, bir bölme operatörünü düzenli ifade değişmez değerinden ayırt eder. Token akışı daha sonra '{', '[' ve ';' sonrasına yeni satırlar, '}' ve ']' öncesine girintisi azaltılmış satırlar, nesne ve dizi değişmez değerleri içinde satır başına bir öğe ve operatörlerin etrafında ve anahtar kelimelerden sonra tek bir boşluk ile yeniden yayınlanır.

2 boşluk, 4 boşluk veya bir sekme girintisi ile bir süslü parantez stili seçin: daralt, açılış parantezini aynı satırda tutar (K&R / 1TBS), genişlet ise onu kendi satırına taşır (Allman). Araç, dize ve regex içeriklerini bayt-bayt koruduğu için yeniden biçimlendirilmiş kod, girdiyle anlamsal olarak aynıdır. Sonucu doğrudan düzenleyicinize kopyalayın.

Sık sorulan sorular

Kodumu çalıştırır veya değerlendirir mi?
Hayır. Güzelleştirici yalnızca kaynağınızı token'lara ayırır ve metin olarak yeniden yayınlar. Asla eval veya new Function çağırmaz ve kodu asla çalıştırmaz, bu yüzden güvenilmeyen veya tescilli JavaScript yapıştırmak güvenlidir. Tüm iş tarayıcınızda kalır.
JSON üzerinde de çalışır mı?
Evet. JSON, JavaScript sözdiziminin bir alt kümesidir, bu yüzden küçültülmüş bir JSON nesnesi veya dizisi yapıştırmak onu girintili, anahtar başına bir satır biçimine yeniden akıtır. Dizeler, sayılar ve iç içe yapılar, JavaScript'teki gibi biçimlendirilir.
Süslü parantez stilleri arasındaki fark nedir?
Daralt (K&R / 1TBS), açılış parantezini ifadeyle aynı satırda tutar, örneğin 'if (x) {'. Genişlet (Allman), açılış parantezini ifadenin altındaki kendi satırına koyar. Her ikisi de özdeş, geçerli kod üretir — yalnızca yerleşim farklıdır.
Kodumun yaptığını değiştirir mi?
Hayır. Yalnızca boşluk, girinti ve satır sonları değişir. Dizelerin, şablon değişmez değerlerinin ve düzenli ifadelerin içerikleri tam olarak korunur, bu yüzden yeniden biçimlendirilmiş çıktı, orijinal kaynakla işlevsel olarak özdeştir.

Daha fazla araç