Nyahminifikasi JavaScript dalam talian
Tampal fail .js yang diminifikasi, himpunan webpack atau petikan satu baris untuk mendapatkan JavaScript berinden dengan betul pada panel kanan. Prettier melakukan pemformatan dalam pelayar anda tanpa memuat naik apa-apa.
Mengapa JavaScript menjadi sukar dibaca
Setiap aliran binaan moden meminifikasikan JavaScript sebelum diterbitkan. Terser, esbuild, SWC dan alat seumpamanya membuang ruang kosong serta komen, menukar nama pemboleh ubah dan fungsi setempat kepada satu huruf, meratakan blok bersarang menjadi ungkapan berantai serta menggabungkan seluruh aplikasi menjadi satu atau dua fail. Aplikasi React yang bermula dengan tiga ratus fail sumber yang mudah dibaca tiba dalam pelayar sebagai satu baris sepanjang beberapa ratus kilobait. Kod masih berjalan dengan sempurna, tetapi apabila anda perlu membacanya, fail itu menjadi dinding teks tanpa struktur yang membantu.
Perkara yang dipulihkan melalui pemformatan
Mengemaskan himpunan memulihkan ciri yang memudahkan penerokaan kod. Setiap pernyataan kembali pada baris sendiri, jadi jejak tindanan yang menunjuk baris 1 lajur 24815 boleh dikaitkan dengan lokasi yang lebih berguna. Sarang menjadi jelas: anda boleh melihat permulaan dan penghujung fungsi, cabang yang dilindungi oleh syarat dan cara rantaian panggil balik dibina. Rentetan, URL serta nama titik akhir lebih mudah diimbas, dan itulah maklumat yang biasanya dicari semasa mengaudit skrip berbanding menyahpepijat kod sendiri.
Sintaks moden disokong
Pemformat ini menghurai JavaScript semasa, bukan sekadar subset dari sedekad lalu. Fungsi anak panah, kelas, async dan await, penjana, optional chaining, nullish coalescing, literal templat, destructuring, sintaks spread, import dinamik serta modul ES semuanya diformatkan dengan betul. JSX turut disokong, yang berguna apabila anda memeriksa komponen React yang dikompil tanpa menukarkan JSX tersebut. Oleh sebab Prettier melakukan tugas ini, output mengikuti konvensyen yang sama seperti yang digunakan oleh penyunting anda untuk fail sendiri.
Batasan yang perlu diketahui
Nyahminifikasi tidak memulihkan semua hasil kejuruteraan asal. Peminifikasi telah memadamkan komen dan menukar nama pemboleh ubah anda, dan tiada pemformat boleh meneka bahawa n dahulunya bernama remainingRetries. Jika projek menyediakan peta sumber, muatkannya dalam DevTools pelayar kerana itulah jalan untuk kembali kepada sumber asal sebenar. Jika fail sengaja dikaburkan dan bukannya hanya diminifikasi, anda akan mendapat struktur yang boleh dibaca tetapi maksud kod mungkin masih sukar difahami.
Soalan lazim
Bolehkah alat ini menyahminifikasi himpunan webpack atau Vite?
Ya. Tampal himpunan atau bukanya melalui Pilih fail dan ia akan diformatkan seperti fail JavaScript lain. Himpunan besar mengambil beberapa saat kerana pemprosesan berlaku pada komputer anda, dan struktur modul menjadi jelas apabila kod diindenkan.
Adakah alat ini menyahkaburkan JavaScript?
Ia memformatkan kod yang dikaburkan supaya lebih mudah dibaca, tetapi tidak membatalkan pengaburan itu sendiri. Rentetan berkod, aliran kawalan buatan dan kod mati yang ditambah dengan sengaja kekal di tempat asalnya.
Bolehkah pemformatan merosakkan kod saya?
Pemformat bertujuan mengekalkan tingkah laku JavaScript sambil menggunakan gaya yang konsisten. Tanda baca, tanda petik dan susun atur boleh berubah, jadi hasilnya bukan salinan yang sama pada setiap bait. Simpan fail asal, semak output dan jalankan ujian projek sebelum menggunakan himpunan yang disunting atau diformatkan dalam produksi.