Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Pengaturan Kode JavaScript

PengembangTeks

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

Kode JavaScript

Pilihan Gaya

Lekukan

Kutipan

Titik koma

Gaya Kurung Kurawal

Koma Trailing

Lebar Cetak

Target lunak untuk panjang baris. Literal objek dan array yang panjang akan dibagi agar sesuai.

Kompresi 2+ baris kosong menjadi satu baris kosong

KELUARAN

Sisi klien

IKLAN · HAPUS?

Memandu

Pengaturan Kode JavaScript

Tempel JavaScript yang telah diperkecil, kacau, atau dikompresi dan dapatkan kembali versi yang bersih dan terformat secara konsisten yang bisa dibaca. Formatter ini memiliki kesadaran token — memahami literal string, literal template, ekspresi reguler, dan komentar, sehingga tidak pernah secara tidak sengaja mengubah isi dari ekspresi reguler atau mengatur ulang kode Anda ${...} interpolasi. Semua proses berjalan di browser Anda, sehingga kode yang Anda tempel tidak pernah meninggalkan mesin Anda.

Cara Penggunaan

Tempel JavaScript Anda ke kotak masukan.
Pilih indentasi, gaya kutipan, dan kebijakan tanda titik dua.
Pilih gaya kurung (1TBS atau Allman) dan kebijakan koma akhir.
Tetapkan lebar cetak — literal objek dan array yang panjang akan dibagi agar sesuai.
Salin hasil format atau unduh sebagai .js file.

Fitur

Keluaran deterministik – input yang sama selalu menghasilkan hasil yang sama.
Indentasi yang dapat dikonfigurasi – 2 spasi, 4 spasi, atau tab.
Penggantian kutipan – beralih antara kutipan tunggal, kutipan ganda, atau pelestarian gaya asli dengan penanganan penggantian yang aman.
Kebijakan tanda titik dua – selalu sisipkan, hapus semua, atau pelestarian yang sudah ada.
Gaya kurung – 1TBS (baris yang sama) atau Allman (baris berikutnya).
Koma di akhir – tidak ada, ES5 (hanya objek dan array), atau semua (termasuk argumen fungsi).
Pengaturan pembatasan baris cetak – literal yang panjang dibagi ke beberapa baris yang terindentasi.
Sintaks modern – fungsi panah, async/await, spread/rest, destrukturasi, kelas, literal template, BigInt, dan literal regex semua diakui.
Pelestarian komentar – komentar inline dan blok bertahan dalam proses format.
Berjalan secara lokal – kode Anda tidak pernah meninggalkan browser.

Kapan Menggunakan Alat Ini

Gunakan formatter ini saat Anda membaca bundle yang telah diperkecil di lingkungan nyata, memeriksa potongan dari pihak ketiga, menyalin kode dari percakapan atau email ke proyek nyata, atau menormalisasi gaya rekan kerja Anda sebelum memeriksa pull request. Berbeda dengan linternya yang menyeluruh, formatter ini hanya fokus pada spasi dan tanda baca — logika Anda tetap tidak terganggu.

IKLAN · HAPUS?

 Tanya Jawab Umum

Perbedaan antara minifier JavaScript dan beautifier?

Minifier menghilangkan spasi yang tidak perlu, memperpendek identifikasi, dan menghapus komentar untuk menghasilkan kode terkecil yang dapat dikirimkan ke browser. Beautifier atau formatter melakukannya sebaliknya: memperluas kode dengan indentasi yang konsisten, baris baru, dan spasi agar manusia dapat membacanya. Kedua hal biasanya digunakan di ujung yang berlawanan dari alur kerja — format saat pengembangan, minifikasi sebelum deploy.
Mengapa format yang deterministik lebih baik daripada meminta AI untuk memformat kode?

Formatter yang deterministik menerapkan aturan yang sama pada input yang sama setiap kali, sehingga fungsi yang telah diformat hari ini dan hari berikutnya menghasilkan perbedaan yang identik. Model AI, di sisi lain, dapat menghasilkan pergeseran gaya yang halus antar jalannya, kadang-kadang mengubah logika, atau menciptakan opsi yang tidak ada. Untuk kode yang akhirnya dimasukkan ke dalam sistem versi kontrol, output yang dapat diprediksi menjaga perbedaan yang dapat dilihat dan menghindari perubahan yang tidak sengaja.
Perbedaan antara gaya kurung 1TBS dan Allman?

1TBS — Gaya Kurung yang Benar Satu — menempatkan kurung pembuka pada baris yang sama dengan pernyataan yang memperkenalkannya, seperti function foo() {. Gaya Allman menempatkan kurung pembuka pada baris terpisah di bawahnya. Kedua gaya ini valid; 1TBS adalah konvensi dominan dalam JavaScript modern dan merupakan gaya yang ditekankan oleh Prettier dan sebagian besar preset ESLint.
Kapan saya harus menggunakan koma akhir dalam JavaScript?

Koma akhir pada array dan literal objek yang multi-baris valid di semua runtime JavaScript modern dan menghasilkan perbedaan yang lebih kecil dan bersih saat item ditambahkan — baris yang sebelumnya membutuhkan koma dan item baru kini hanya berubah sekali. Koma akhir pada daftar parameter dan argumen fungsi juga sah sejak ES2017 tetapi kadang-kadang dinonaktifkan untuk kepatuhan dengan perangkat lunak lama. Gunakan mode ES5 jika Anda ingin koma pada objek dan array tetapi tidak pada pemanggilan fungsi.