JavaScript Formatter & Minifier

Apa Itu Pemformatan JavaScript?

Fitur Utama

Contoh

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

Kasus Penggunaan Umum

Baca kode yang diminify

Perindah skrip yang diminify atau diobfuskasi agar dapat dipahami dan di-debug.

Code review

Format JavaScript sebelum pull request untuk kode yang konsisten dan mudah di-diff.

Kirim bundle lebih kecil

Minify JavaScript produksi dengan Terser untuk mengurangi byte dan mempercepat muat.

Rapikan cuplikan

Format ulang paste cepat dari konsol atau gist menjadi kode yang bersih dan mudah dibaca.

Detail Teknis

Diperindah dengan js-beautify

Menggunakan mesin js-beautify yang teruji untuk indentasi dan spasi yang dapat diprediksi dan dikonfigurasi.

Diminify dengan Terser

Terser adalah minifier JavaScript de-facto — mengganti nama variabel lokal, menghapus dead code, dan komentar sambil mempertahankan perilaku.

Berbasis browser

Berjalan sepenuhnya di sisi klien; kode Anda tidak pernah meninggalkan perangkat atau menuju server.

Praktik Terbaik

Format source, minify untuk produksi

Simpan kode yang mudah dibaca di repo Anda dan biarkan build Anda minify dengan Terser.

Minify sintaks modern dengan hati-hati

Terser menarget JavaScript standar; proposal yang sangat baru mungkin memerlukan langkah transpile terlebih dahulu.

Jangan edit output yang diminify secara manual

Variabel yang diganti namanya membuat kode yang diminify sulit dipelihara — edit source-nya, lalu minify ulang.

Pertanyaan yang Sering Diajukan