Gaya kapitalisasi nama: camelCase, snake_case, dan lainnya

Kode penuh dengan nama multi-kata — userName, user_name, UserName, user-name — dan cara kata-kata itu disambung tidaklah acak. Setiap gaya, atau konvensi kapitalisasi, menandakan sesuatu dan milik bahasa serta konteks tertentu. Panduan ini membahas yang umum, apa namanya, dan di mana masing-masing dipakai.

Mengapa konvensi ada

Sebagian besar bahasa pemrograman tak mengizinkan spasi dalam pengidentifikasi, jadi nama multi-kata butuh cara lain agar tetap terbaca. Melampaui sekadar keterbacaan, mengikuti konvensi yang diharapkan bahasa atau tim membuat kode konsisten dan dapat diprediksi — dan dalam beberapa kasus kapitalisasi benar-benar berarti bagi bahasa (huruf pertama besar bisa menandai sebuah kelas, misalnya). Memilih gaya yang tepat bukan soal selera; ini soal menyatu dengan ekosistem.

Gaya yang umum

camelCase

Kata pertama huruf kecil, tiap kata berikutnya berhuruf besar di awal, tanpa pemisah — firstName, totalAmount. "Punuk" (humps) memberinya nama. Standar untuk variabel dan fungsi di JavaScript, TypeScript, Java, C#, Swift, dan Kotlin.

PascalCase (UpperCamelCase)

Seperti camelCase tetapi kata pertama juga berhuruf besar — FirstName, UserProfile. Secara konvensi ia menamai kelas, tipe, dan komponen di sebagian besar bahasa (termasuk komponen React), sehingga pembaca langsung membedakan tipe dari variabel.

snake_case

Semua huruf kecil, kata disambung dengan garis bawah — first_name, total_amount. Default untuk variabel dan fungsi di Python, Ruby, dan Rust, dan sangat umum untuk kolom basis data.

CONSTANT_CASE (SCREAMING_SNAKE_CASE)

snake_case huruf besar — MAX_RETRIES, API_KEY. Hampir secara universal disediakan untuk konstanta dan variabel lingkungan, agar nilai yang tak pernah berubah menonjol sekilas pandang.

kebab-case

Semua huruf kecil, kata disambung dengan tanda hubung — first-name, main-content. Dinamai karena tampak seperti potongan pada tusuk sate. Anda akan melihatnya di URL, nama kelas CSS, atribut HTML, dan nama berkas. Ia tak bisa dipakai untuk nama variabel di sebagian besar bahasa karena tanda hubung terbaca sebagai tanda minus.

Berdampingan

camelCase        →  userProfileImage
PascalCase       →  UserProfileImage
snake_case       →  user_profile_image
CONSTANT_CASE    →  USER_PROFILE_IMAGE
kebab-case       →  user-profile-image

Rujukan cepat menurut konteks

• Variabel & fungsi JS/TS → camelCase
• Kelas, tipe, komponen React → PascalCase
• Python/Ruby/Rust, kolom basis data → snake_case
• Konstanta & variabel lingkungan → CONSTANT_CASE
• URL, kelas CSS, nama berkas → kebab-case

Mengonversi di antaranya

Memformat ulang nama dengan tangan — terutama satu daftar penuh — melelahkan dan rawan salah. Konverter kapitalisasi kami menerima teks apa pun dan mengeluarkan setiap gaya umum sekaligus, jadi Anda tinggal menyalin yang dibutuhkan. Jika Anda secara khusus mengubah judul menjadi string kebab-case yang ramah-URL, pembuat slug dibuat untuk itu, dan untuk penggantian nama massal di seantero blok teks, alat cari dan ganti menuntaskannya. Penamaan yang konsisten adalah kebiasaan kecil yang membuat basis kode mana pun terasa jauh lebih mudah dibaca.