JavaScript Beautifier

Tentang alat ini

JavaScript Beautifier memformat JavaScript yang terkompresi atau tidak terbaca menjadi kode yang bersih dan terindentasi dengan benar. Menangani semua sintaks ES2022+ standar termasuk fungsi panah, literal template, destrukturisasi, async/await, dan sintaks kelas. Pemformat mempertahankan konten string dengan tepat — termasuk karakter khusus — dan melewati kode di dalam komentar dengan benar.

Mode minifikasi menghapus komentar dan spasi yang tidak diperlukan, mempertahankan satu spasi di antara identifier untuk menghindari kesalahan sintaks. Semua pemrosesan berjalan di browser Anda — tidak ada kode yang pernah dikirim ke server.

Cara penggunaan

1. Tempel JavaScript yang diminifikasi atau berantakan ke panel masukan.
2. Pilih indentasi yang Anda inginkan (2 atau 4 spasi).
3. Klik Format untuk memformat, atau Minifikasi untuk meminifikasi.
4. Klik Salin untuk menyalin hasil ke clipboard.

Kasus penggunaan

Pengembang menggunakan ini untuk memeriksa dan mendebug JavaScript yang diminifikasi dari bundle produksi, paket npm, atau ekstensi browser. Ideal untuk membaca skrip pihak ketiga yang disamarkan, memahami plugin jQuery, dan memformat kode yang disalin dari Stack Overflow. Mode minifikasi mengurangi ukuran skrip untuk penyematan inline di HTML tanpa alat build.

Pertanyaan umum

• Apakah mendukung TypeScript? — Sintaks TypeScript sebagian besar merupakan superset dari JavaScript. TypeScript sederhana (tipe, antarmuka, generik) akan diformat dengan benar. Untuk dukungan TypeScript penuh, gunakan TypeScript Beautifier.
• Apakah mendukung JSX? — Tidak secara native. Sintaks JSX dengan tanda kurung sudut mungkin tidak diformat dengan benar. Gunakan pemformat JSX khusus untuk file komponen React.
• Apakah kode saya aman? — Semua pemrosesan bersifat lokal di browser Anda. Tidak ada kode yang pernah dikirim ke server mana pun.