Pemformatan kode / MULTIVERTO
Rapikan indentasi blok JavaScript sederhana dan pernyataan yang diberi tanda akhir secara eksplisit.
Terapkan setiap alat teks pada hasil sebelumnya. Alur kerja teks ↗
Hanya nama rangkaian dan urutan alat yang disimpan di peramban ini. Masukan dan hasil Anda tidak pernah disimpan.
01 / Contoh
function sapa(nama){const pesan="Halo, "+nama;return pesan;}function sapa(nama){
const pesan="Halo, "+nama;
return pesan;
}02 / Panduan
Indent blok JavaScript sederhana dan pernyataan eksplisit. Indentasi dan pembagian baris mengungkapkan struktur sementara mempertahankan token input yang didukung. Formatter JavaScript menangani blok sederhana dengan brackets dan titik titik eksplisit. Sebuah fungsi yang ditulis pada satu baris menjadi lebih mudah untuk dilacak. Template literal dan ekspresi reguler yang ambigu ditolak karena format baris-orientasi tanpa parser penuh dapat mengubah makna mereka.
Sumber JavaScript dapat berisi string, komentar, ekspresi reguler, template literal dan konstruksi di mana pembalikan baris penting. Seorang editor kecil tidak dapat dengan aman menyimpulkan setiap batas dari tanda baca saja. Block formatter di sini menangani kode bracket-dan-semicolon sederhana dan menolak template literals atau ambigu regular-ekspresi sintaks daripada dengan tenang menulis ulang mereka. Ini dimaksudkan untuk snippet inspeksi pendek, bukan kode aplikasi yang terbundel.
Pemformatan paling berguna selama tinjauan atau debugging, ketika indentasi dapat mengungkapkan tingkat bersarang yang hilang atau saudara yang tidak terduga. Tempel fragmen yang lengkap dan mewakili dan jalankan formater sekali. Baca keluaran dari struktur paling luar ke dalam, memperhatikan di mana setiap elemen, blok atau klausa dimulai dan berakhir. Halaman ini sengaja menghindari berpura-pura menjadi kompiler untuk setiap ekstensi bahasa yang mungkin. Dalam contoh ini, “function sapa(nama){const pesan="Halo, "+nama;return pesan;}” menghasilkan pratinjau ringkas “function sapa(nama){ ⏎ const pesan="Halo, "+nama; ⏎ return pesan; ⏎ }” (⏎ menandai baris baru). Baca tanda baca serta kata-kata yang terlihat: sampel kecil itu adalah hasil yang dapat diamati dari operasi tertentu ini. Ubah satu fitur yang Anda pedulikan di sumber dan bandingkan tempat yang sama di hasil. Bentukkan fungsi dengan kondisi tertanam dan string yang berisi kurung. Bandingkan batas cabang dalam hasil dan jalankan tes perilaku pada setiap cabang. Formattor sempit ini tidak boleh digunakan untuk mennormalisasi template, regex literal atau kode yang bergantung pada penyisipan titik koma otomatis.
Memperluas fungsi JavaScript pendek dengan bracket dan titik-setengah eksplisit ketika menilai aliran kontrolnya. Jalankan tes yang ada setelah menyalin hasil, terutama jika string berisi kurung atau tanda baca. Ini adalah formater sempit, bukan parser ECMAScript penuh atau linter; template, ekspresi reguler ambigu dan penyisipan titik koma otomatis membutuhkan alat produksi. Simpan asli di samping keluaran dan uji contoh kecil yang diketahui sebelum mengendalikan dokumen besar. Bandingkan konten yang berarti, bukan hanya ukuran file atau jumlah baris. Periksa nama, string kutipan, karakter non-ASCII, akhir baris dan semua bidang berulang setelah transformasi.
Jelajahi panduan