๐ JavaScript Naming Rules & Best Practices ๐
๐งฑ Apa itu Identifier? ๐
Identifier = Nama untuk variabel, fungsi, class, parameter, dll.
Contoh:
let username = "Putra";
function sayHello() {}
class UserAccount {}
โ Aturan Dasar Penamaan Identifier (Syntax Valid) ๐
- โ Tidak boleh diawali dengan angka
let 1user; // Error
- โ Tidak boleh mengandung spasi atau simbol selain
_
dan$
let user-name; // Error
- โ Tidak boleh menggunakan kata kunci JavaScript
let function = "data"; // Error
- โ
Boleh menggunakan:
- Huruf (
a-z
,A-Z
) - Angka (setelah karakter pertama)
- Underscore (
_
) atau Dollar Sign ($
) - Huruf besar & kecil berbeda (case-sensitive)
- Huruf (
Contoh yang valid:
let _privateVar;
let $dollarAmount;
let userName1;
โ๏ธ Konvensi Penamaan (Best Practices) ๐
Tipe | Gaya Penamaan | Contoh |
---|---|---|
Variabel | camelCase | userName |
Fungsi | camelCase | getUserData() |
Class | PascalCase | UserAccount |
Konstanta | UPPER_SNAKE | MAX_RETRY_LIMIT |
๐ฅ Tips Penamaan Baik ๐
- โ
Gunakan nama yang jelas dan deskriptif
let isLoggedIn = true;
- โ
Gunakan kata kerja untuk fungsi
function fetchData() {}
- โ Hindari singkatan berlebihan
let usrNm = "Putra"; // Kurang jelas
โ Reserved Words (Tidak Boleh Dipakai Sebagai Identifier) ๐
Beberapa contoh:
let, const, var, if, else, while, for, function, return, class,
try, catch, new, this, typeof, switch, case, default, delete,
await, async, etc.
๐ง Catatan Penting ๐
- JavaScript case-sensitive โ
user
,User
, danUSER
berbeda - Gunakan
let
atauconst
, hindarivar
- Hindari pencampuran gaya seperti
snake_case
ataukebab-case
dalam JavaScript
๐ Ringkasan Cepat ๐
- โ
Gunakan
camelCase
untuk variabel dan fungsi - โ
Gunakan
PascalCase
untuk class dan constructor - โ
Gunakan
UPPER_SNAKE_CASE
untuk konstanta global - โ Jangan gunakan simbol, angka di depan, atau keyword JavaScript
- โ Pilih nama yang menjelaskan isi atau tujuan