Bu JavaScript aracı program davranışını değiştirir mi?

Yalnızca düzeni veya kaldırılabilir boşlukları değiştirir. Alışılmadık sözdizimi kullanan kodlarda çıktıyı üretimde kullanmadan önce inceleyin.

İşlem yerel olarak yapılır ve kodunuz yüklenmez.

JavaScript Biçimlendirici

JavaScript kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız hiçbir zaman bir sunucuya yüklenmez.

function greet(name) {
  const text='Hello '+name;
  return text;
}

Bu biçimlendirici ne yapar?

Açılan/kapanan süslü parantezler ve noktalı virgüllerden sonra satır sonu ekler; her parantez düzeyinde iki boşluk kullanır. Normal tırnaklı dizeler, template literal'lar, kaçışlar ve tanınan satır/blok yorumları korunurken diğer boşluklar azaltılır.

Nasıl kullanılır?

JavaScript'i yapıştırıp anında güncellenen sonucu inceleyin. Çıktıyı kopyalayın veya Reset ile editörü temizleyin; Reset örneği geri getirmez.

Önemli sınırlar

Bu karakter tabanlı bir parantez düzenleyicisidir; JavaScript parser'ı, doğrulayıcı, linter, transpiler veya sözdizimi ağacını bilen yazıcı değildir. Düzenli ifade literal'larını, otomatik noktalı virgül eklemeyi, modülleri veya JSX'i anlamaz ve eşleşmeyen parantez/geçersiz kod bildirmez. Regex nicelik parantezleri ve satıra duyarlı ifadeler yanlış değişebilir.

Süslü parantez taramasının çalışma şekli

Karakterler üzerinden tek bir geçiş, tarayıcının o an bir dize, template literal veya yorum içinde olup olmadığını izler; yalnızca bu bölgelerin dışında bir açılış parantezi, kapanış parantezi veya noktalı virgül satır sonu ve girinti değişikliği tetikler.

Örnek

`function add(a,b){return a+b;}` yapıştırıldığında kendi satırında `function add(a,b) {`, girintili bir `return a+b;` ve temel girintiye dönen kapanış `}` oluşur.

Güvenli inceleme akışı

Biçimlendirilmiş kodu commit etmeden önce projenizin linter'ını ve test paketini çalıştırın; `{2,4}` gibi süslü parantez niceliği içeren herhangi bir düzenli ifade literaline özellikle dikkat edin.

Güvenli akış ve gizlilik

Özgün kodu saklayıp üretimden önce normal formatter, test ve linter akışınızı çalıştırın. İşlem tarayıcıda yereldir; kod yüklenmez.

Sıkça Sorulan Sorular

JavaScript Biçimlendirici ne yapar?: JavaScript kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.
Bu JavaScript aracı program davranışını değiştirir mi?: Yalnızca düzeni veya kaldırılabilir boşlukları değiştirir. Alışılmadık sözdizimi kullanan kodlarda çıktıyı üretimde kullanmadan önce inceleyin.
Kodum yüklenir mi?: İşlem yerel olarak yapılır ve kodunuz yüklenmez.

CSS Küçültücü

CSS içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.

JavaScript Küçültücü

JavaScript içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.

YAML Biçimlendirici

YAML belgelerini tarayıcınızda anında biçimlendirin ve düzenleyin.

CSS Biçimlendirici

CSS kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.

GraphQL Biçimlendirici

GraphQL kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.

HTML Biçimlendirici

HTML kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.