John Au-Yeung
Mengikuti
10 Mei 2020
·
4 menit membaca
·
Khusus anggota
Praktik Terbaik JavaScript — Penamaan Variabel
Foto oleh Jon Tyson di Unsplash
JavaScript adalah bahasa yang sangat pemaaf. Sangat mudah untuk menulis kode yang berjalan tetapi memiliki masalah di dalamnya
Pada artikel ini, kita akan melihat praktik terbaik untuk menamai variabel JavaScript
Kualifikasi Nilai Terkomputasi dalam Nama VariabelKita harus memberi nama variabel yang menyimpan data yang dihitung dengan pengubah di akhir nama
Dalam pemrograman komputer, konvensi penamaan adalah seperangkat aturan untuk memilih urutan karakter yang akan digunakan untuk pengidentifikasi yang menunjukkan variabel, tipe, fungsi, dan entitas lain dalam kode sumber dan dokumentasi.
Memberi nama sesuatu itu sulit
Tulisan ini mencoba memfokuskan pada beberapa aturan dan protokol penamaan variabel yang akan meningkatkan keterbacaan kode
Meskipun saran ini dapat diterapkan pada bahasa pemrograman apa pun, kami akan menggunakan JavaScript untuk mengilustrasikannya dalam praktik
1. Ikuti S-I-D
Nama harus Singkat, Intuitif, dan Deskriptif
/* Bad */const a = 5 // "a" could mean anything
const isPaginatable = (postsCount > 10) // "Paginatable" sounds extremely unnatural
const shouldPaginatize = (postsCount > 10) // Made up verbs are so much fun!
Disarankan
/* Good */const postsCount = 5
const hasPagination = (postsCount > 10)
const shouldDisplayPagination = (postsCount > 10) // alternatively_
2. Hindari Kontraksi
Jangan gunakan kontraksi. Mereka hanya berkontribusi pada penurunan keterbacaan kode. Menemukan nama yang pendek dan deskriptif mungkin sulit, tetapi singkatan bukanlah alasan untuk tidak melakukannya. Contohnya
/* Bad */const onItmClk = () => {}
/* Good */
const onItemClick = () => {}
3. Hindari Duplikasi Konteks
Selalu hapus konteks dari sebuah nama jika itu tidak mengurangi keterbacaannya
class MenuItem {/* Method name duplicates the context (which is "MenuItem") */
handleMenuItemClick = (event) => { .. }
/* Reads nicely as `MenuItem.handleClick()` */
handleClick = (event) => { .. }
}
4. Haruskah Mencerminkan hasil yang diharapkan
/* Bad */const isEnabled = (itemsCount > 3)
return <Button disabled={!isEnabled} />
/* Good */
const isDisabled = (itemsCount <= 3)
return <Button disabled={isDisabled} />_
5. Pertimbangkan Singular / Jamak
Seperti awalan, nama variabel dapat dibuat tunggal atau jamak tergantung pada apakah mereka memiliki satu nilai atau beberapa nilai
Nama variabel harus secara akurat mengidentifikasi variabel Anda. Saat Anda membuat nama variabel yang bagus, kode JavaScript Anda menjadi lebih mudah dipahami dan lebih mudah digunakan. Memberi nama variabel dengan benar sangatlah penting. Berikut adalah aturan yang dimiliki JavaScript untuk memberi nama variabel
Nama variabel tidak boleh mengandung spasi
Nama variabel harus dimulai dengan huruf, garis bawah ( _ ) atau tanda dolar ( . ).
Nama variabel hanya boleh berisi huruf, angka, garis bawah, atau tanda dolar
Nama variabel peka huruf besar-kecil
Kata-kata tertentu tidak boleh digunakan sebagai nama variabel, karena memiliki arti lain dalam JavaScript. Lihat daftar lengkap kata-kata yang dicadangkan ini
Anda akan dihadapkan pada banyak keputusan saat memilih cara memberi nama variabel. Apakah Anda ingin memulai nama variabel Anda dengan huruf besar atau huruf kecil, atau apakah Anda ingin menggunakan huruf kecil? . Variabel tidak boleh berisi spasi. )_) between the words in your variable name? (Remember: Variables can’t contain spaces.)
Untungnya, Anda tidak harus membuat semua pilihan ini sendiri. Banyak pemrogram profesional setuju bahwa ada praktik terbaik yang perlu diingat saat memberi nama variabel Anda
Jangan gunakan nama yang terlalu pendek. Nama satu huruf sederhana atau nama yang tidak masuk akal bukanlah pilihan yang baik saat memberi nama variabel
Gunakan lebih dari satu kata untuk menamai variabel Anda. Ini akan memastikan nama variabel Anda tepat
Saat menggunakan lebih dari satu kata dalam nama variabel Anda, selalu letakkan kata sifat di sebelah kiri. Misalnya, ini benar. var greenGrass .
Pilih gaya untuk nama dengan lebih dari satu kata, dan pertahankan. Dua cara yang paling umum untuk menggabungkan kata untuk membuat nama adalah camelCase dan menggunakan garis bawah ( _ ). JavaScript fleksibel — salah satu metode berfungsi.
Apa pun format penamaan yang Anda pilih, mengingat dan menggunakan praktik terbaik dan konsisten dalam format penamaan Anda akan membuat kode Anda lebih terorganisir dan membantu Anda dalam perjalanan untuk menjadi programmer JavaScript profesional