Pemformat JavaScript

Alat ini mengurai kode Anda menjadi pohon sintaks sebagai modul ES, lalu mencetak pohon tersebut kembali dengan gaya yang konsisten. Karena kode diurai alih-alih diubah menggunakan aturan teks, struktur output selalu sesuai dengan input.

Blok menggunakan indentasi dua spasi, setiap pernyataan berada di baris tersendiri, operator diberi spasi di kedua sisinya, dan pernyataan diakhiri dengan titik koma. Literal objek dan array yang pendek tetap berada dalam satu baris, sedangkan tanda kutip string dan literal templat dipertahankan seperti aslinya.

Tidak, pemformat ini tidak memiliki opsi. Setiap input dicetak dengan gaya yang sama agar hasilnya tetap konsisten dan dapat diprediksi saat dibagikan.

Alat ini berhenti dan menampilkan pesan dari parser, seperti Unexpected: diikuti token yang bermasalah. Perbaiki masalah yang dilaporkan, lalu jalankan pemformat lagi.

Ya, komentar satu baris dan komentar blok dipertahankan dan ditempatkan bersama pernyataan yang terkait. Komentar di dalam suatu pernyataan mungkin dipindahkan ke awal pernyataan berikutnya.

Ya, parser memahami sintaks modern seperti import dan export, fungsi panah, class, async dan await, destructuring, spread, optional chaining, nullish coalescing, dan template literal. Literal objek yang lebih panjang dan tidak muat dalam satu baris akan dipisah dengan satu properti per baris.

Ya, file yang diminifikasi akan diurai dan ditata menjadi baris serta indentasi yang mudah dibaca. Nama variabel pendek yang dipilih oleh alat minifikasi tetap dipertahankan karena pemformatan tidak pernah mengganti nama apa pun.

Tidak, pemformatan hanya mengubah spasi kosong, jeda baris, dan pengakhir pernyataan. Satu-satunya tambahan adalah titik koma, sesuai cara JavaScript membaca kode.

Hasil dikembalikan sebagai blok kode Markdown yang diawali pagar javascript, sehingga tampil dengan sorotan sintaks saat ditempel ke Markdown. Salin baris di antara pagar jika Anda menginginkan sumber biasa.

Halaman ini menangani JavaScript biasa. Gunakan Pemformat JSX untuk komponen React, dan Pemformat TypeScript atau Flow untuk kode bertipe, karena anotasi tipe bukan bagian dari JavaScript standar.