JavaScript Beautifier & Pemformat Dalam Talian
Format serta-merta, nyahkecilkan dan bersihkan JavaScript yang tidak kemas atau dimampatkan (.js / .min.js) dalam masa nyata. Pemformat JS sedar token kami dengan tepat mengendalikan fungsi anak panah ES6+, literal templat, ungkapan biasa, gelung for, URL https:// dan panggilan kaedah berantai—dan termasuk pengeluaran yang padat satu klik kod.
Bagaimana untuk Mencantikkan & Mengurangkan JavaScript Dalam Talian
- Tampal Kod Anda: Tampalkan
.min.jstermampat anda atau skrip tidak berformat ke dalam editor Input JavaScript di sebelah kiri, atau klik Muat +Z untuk menguji ciri. - Pilih Preset Pantas atau Sesuaikan Pilihan: Klik 2 Spaces (Standard), 4 Spaces, Allman + Chain BreakZ, atauZ, atau (.min.js), atau perhalusi peletakan pendakap, jarak bersyarat dan pengalihan keluar ulasan dalam panel sebelah kanan.
- Review dalam Masa Nyata: Output yang diformatkan dan pembilang aksara/baris/blok dikemas kini secara automatik semasa anda menaip atau menogol tetapan.
- Salin atau Muat Turun: Klik Salin ke Papan Klip atau Muat turun .js untuk menyimpan
script.beautified.js(atauZscript.min.j.
Pilihan Pemformatan JavaScript Diterangkan
| Pilihan | Apa yang Dikawalnya | Sebelum ini | Selepas |
|---|---|---|---|
| Pendakap Talian Sama (K&R) | Tempat membuka { pada baris pengepala (ditanda) atau pada baris baharu dalam gaya Allman (tidak ditandai). |
if(ok){run();}lain{stop();} |
if (ok) { |
| Ruang Sebelum Bersyarat | Mengawal sama ada ruang muncul antara if, for, while, switch, catch dan |
untuk(biarkan i=0;i<5;i++) |
untuk (biar i = 0; i < 5; i++) |
| Kaedah Berantai Putus | Pisahkan rantai kaedah fasih (.filter().map().sort()) merentas garisan inden. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Alih Keluar Komen | Strip // dan /* */ komen sambil mengekalkan https:// rentetan dan regex tidak disentuh. |
const u = "https://a.com"; // url |
const u = "https://a.com"; |
Mengapa Menggunakan Pemformat JavaScript Token-Aware?
Memformat JavaScript dengan peraturan penggantian teks yang mudah sering melanggar kod yang sah kerana aksara seperti /, ; dan { bermaksud perkara yang berbeza bergantung pada konteks. Pemformat kami menggunakan JavaScript leksikal tokenizer khusus yang memahami:
- Strings & ES6 Templat Literal: Petikan tunggal (
'...'), petikan berganda ("..."), rentetan templat tanda belakang (`Hello ${name}`belakang), dan escaped belakang ("C:\\Users\\") dipelihara secara verbatim. - Ungkapan Biasa lwn. Bahagian: Membezakan huruf regex seperti
/^user_[0-9]+;?/idaripada ungkapan pembahagian seperti(a + b) / 2sehingga titik koma bertitik di dalam. untuk (...)Pengepala Gelung: Titik bertitik di dalamuntuk (biar i = 0; i < n; i++)kekal pada baris pengepala yang sama dan bukannya pecah kepada tiga baris berasingan.- Pelucutan Komen Safe: Satu baris
//dan berbilang baris/* */ulasan ditandakan secara berasingan, jadi URL seperti"https://api.example.com tidak pernah dihentikan semula.Xample.com"
Soalan Lazim
Bagaimanakah cara saya menyahminimumkan fail .min.js dalam talian?
Tampalkan kod .min.js termampat anda ke dalam editor Input JavaScript di sebelah kiri. Tokenizer secara automatik mengembangkan pernyataan, blok, fungsi dan gelung dengan lekukan berbilang baris yang bersih dalam masa nyata.
Adakah mengalih keluar ulasan menjejaskan https:// URL atau regex literal dalam JavaScript saya?
Tidak. Oleh kerana pemformat kami menggunakan tokenizer leksikal dan bukannya ungkapan biasa naif, // dan /* */ dalam rentetan petikan tunggal, rentetan petikan dua kali, literal templat dan ungkapan biasa (/corak/) tidak pernah diubah suai.
Apakah perbezaan antara gaya pendakap K&R (baris sama) dan Allman (baris baharu)?
Gaya K&R meletakkan pendakap kerinting pembukaan { pada baris yang sama dengan fungsi , if atau pengepala gelung (standard dalam kebanyakan panduan gaya JavaScript). Menyahtanda Pendakap talian sama bertukar kepada gaya Allman, meletakkan pendakap bukaan pada baris baharunya sendiri yang sejajar dengan pendakap penutup.
Bolehkah saya juga minify JavaScript dengan alat ini?
ya. Klik butang Minify JS (atau pilih Minify (Single-line .min.js) dalam panel tetapan) untuk menanggalkan ulasan dan ruang kosong yang tidak diperlukan sambil mengekalkan ruang kata kunci yang diperlukan utuh.
Adakah kod JavaScript saya dimuat naik ke mana-mana pelayan?
Tidak. Semua pemformatan dan pengurangan JavaScript dilaksanakan 100% secara setempat dalam penyemak imbas anda. Kod sumber anda tidak pernah meninggalkan peranti anda.