Cara menggunakan Formatter JavaScript
- Tempel JavaScript (atau JSON/JSX) ke Input JavaScript, seret file
.js, atau klik Sample. - Pilih indentasi, lebar wrap opsional, dan gaya kurung kurawal. Hasilnya langsung diperbarui.
- Salin atau unduh hasilnya. Gunakan mode Minify untuk menghapus komentar dan spasi dari skrip kecil.
Apa itu formatter JavaScript?
Formatter JavaScript (atau beautifier) mengatur ulang indentasi kode dan memisahkan statement, properti objek, dan blok ke baris masing-masing. Fungsi paling umumnya adalah unminify bundle produksi agar kamu bisa membacanya saat debugging, tapi alat ini juga berguna untuk merapikan potongan kode dari Stack Overflow, bookmarklet, atau kode yang ditempel dari chat. Tool ini menggunakan js-beautify, yang memahami sintaks modern: arrow function, class, template literal, async/await, optional chaining, ES module, dan JSX.
Gaya kurung kurawal
| Opsi | Hasil |
|---|---|
| Sebaris (K&R / “1TBS”) | if (ok) {, konvensi di sebagian besar panduan gaya JavaScript dan Prettier. |
| Sebaris, pertahankan inline | Sama seperti di atas, tapi blok pendek seperti { a: 1 } tetap sebaris. |
| Baris baru (Allman) | Kurung kurawal pembuka berada di barisnya sendiri, umum di basis kode C#. |
| else di baris baru | } dan else berada di baris terpisah (mirip Stroustrup). |
Merapikan bukan berarti deobfuscate
Minifier seperti Terser atau esbuild mengganti nama variabel lokal menjadi huruf tunggal (function(e,t){…}). Formatting memulihkan tata letak, tapi tidak bisa mengembalikan nama asli atau komentar, karena informasi itu sudah hilang. Jika situs menerbitkan source map (//# sourceMappingURL=), DevTools browser bisa menampilkan sumber aslinya. Kode yang sengaja di-obfuscate (array string, packing eval) tetap sulit dibaca meskipun sudah diformat.
Tentang minifier
Mode Minify adalah minifier spasi dan komentar yang aman, bukan kompresor penuh. Ia melakukan tokenisasi kode dengan benar (string, template literal, literal regular expression) dan menghapus komentar serta spasi, tetapi tetap mempertahankan baris baru di tempat yang bisa mengubah automatic semicolon insertion, misalnya setelah return atau sebelum ++. Dua pemeriksaan keamanan dijalankan pada setiap hasil: aliran token harus sama dengan input, dan output harus tetap bisa di-parse. Biasanya penghematannya 20–40%. Untuk bundle produksi, build tool seperti Terser atau esbuild juga mengganti nama variabel dan menghapus kode mati untuk penghematan yang jauh lebih besar.
Masalah umum
- “Tidak bisa di-parse sebagai JavaScript biasa”, muncul untuk TypeScript, JSX, atau error sintaks sungguhan. Formatting tetap berjalan; minify memerlukan JavaScript yang valid.
- JSON bisa diformat di sini, tapi JSON Formatter juga memvalidasinya dan menunjukkan error yang tepat.
- Ingin membandingkan file sebelum dan sesudah perubahan? Tempel kedua versinya ke Diff Checker.
Juga dicari sebagai: js beautifier, rapikan kode javascript, unminify js, pretty print javascript, beautify javascript online, minify javascript, js minifier online, formatter jsx.
Tool yang cocok dipakai bersama Formatter JavaScript
- Kode ke Gambar — Tempel potongan kode dan dapatkan screenshot kode yang rapi dalam hitungan detik: syntax highlighting untuk JavaScript, TypeScript, Python, CSS, HTML, JSON, SQL, Bash, Go, dan PHP, pilihan tema, bingkai jendela dengan nama file, latar belakang gradasi atau transparan, jarak dalam (padding), dan nomor baris.
- Formatter HTML — Tempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten — termasuk blok <style> dan <script> di dalamnya.
- CSS Formatter — Ubah stylesheet yang di-minify menjadi CSS yang mudah dibaca, dengan satu properti per baris dan blok @media yang tersarang dengan benar.
- Regex Tester — Ketik pola dan lihat hasil cocok langsung ter-highlight di teks ujimu.
Pertanyaan yang sering diajukan
Bisakah ini unminify JavaScript dari sebuah website?
.min.js dan kodenya akan ditata dengan lebih mudah dibaca. Nama variabel yang dipendekkan oleh minifier (seperti e, t, n) tidak bisa dikembalikan, dan komentar sudah hilang selamanya.