UTILS.
100% di peramban
🎨

Beautifier / Formatter JavaScript

Cetak rapi JavaScript dan JSON yang diminifikasi atau berantakan dengan indentasi, spasi, dan pemisah baris yang konsisten — formatter buatan tangan yang berjalan sepenuhnya di browser.

— keluaran muncul di sini —

Tentang alat ini

JavaScript Beautifier memformat ulang JavaScript dan JSON yang diminifikasi, satu baris, atau berindentasi tidak konsisten menjadi source yang bersih dan mudah dibaca dengan indentasi dan spasi seragam. Ini praktis untuk membaca pustaka yang di-bundle, merapikan snippet yang disalin, atau memeriksa blob JSON. Semuanya terjadi di browser Anda — kode hanya diformat ulang sebagai teks, tidak pernah dieksekusi, sehingga tidak ada eval, tidak ada new Function, dan tidak ada yang diunggah.

Formatter ini adalah tokenizer buatan tangan, bukan trik regex: ia memindai source menjadi token sambil melewati bagian dalam string, template literal, ekspresi reguler, dan komentar baris/blok dengan benar, sehingga tanda kutip dan garis miring di dalamnya tidak pernah salah dianggap sebagai struktur. Heuristik lookbehind klasik membedakan operator pembagian dari literal ekspresi reguler. Aliran token kemudian dipancarkan ulang dengan baris baru setelah '{', '[' dan ';', baris yang di-dedent sebelum '}' dan ']', satu item per baris di dalam literal objek dan array, dan satu spasi di sekitar operator serta setelah keyword.

Pilih indentasi 2 spasi, 4 spasi, atau tab, dan gaya brace: collapse mempertahankan brace pembuka pada baris yang sama (K&R / 1TBS), sedangkan expand memindahkannya ke barisnya sendiri (Allman). Karena alat ini mempertahankan konten string dan regex byte-per-byte, kode yang diformat ulang secara semantik identik dengan input. Salin hasilnya langsung ke editor Anda.

Pertanyaan yang sering diajukan

Apakah alat ini menjalankan atau mengevaluasi kode saya?
Tidak. Beautifier hanya men-tokenisasi dan memancarkan ulang source Anda sebagai teks. Ia tidak pernah memanggil eval atau new Function dan tidak pernah mengeksekusi kode, sehingga menempel JavaScript tak tepercaya atau kepemilikan itu aman. Semua pekerjaan tetap di browser Anda.
Apakah bekerja pada JSON juga?
Ya. JSON adalah subset dari sintaks JavaScript, sehingga menempel objek atau array JSON yang diminifikasi akan mengalirkannya kembali menjadi bentuk berindentasi, satu key per baris. String, angka, dan struktur bersarang diformat dengan cara yang sama seperti di JavaScript.
Apa perbedaan antara gaya brace?
Collapse (K&R / 1TBS) mempertahankan brace pembuka pada baris yang sama dengan pernyataan, mis. 'if (x) {'. Expand (Allman) menaruh brace pembuka pada barisnya sendiri di bawah pernyataan. Keduanya menghasilkan kode yang identik dan valid — hanya tata letaknya yang berbeda.
Apakah akan mengubah apa yang dilakukan kode saya?
Tidak. Hanya spasi kosong, indentasi, dan pemisah baris yang berubah. Konten string, template literal, dan ekspresi reguler dipertahankan secara tepat, sehingga output yang diformat ulang secara fungsional identik dengan source aslinya.

Alat lainnya