Mengenal Variabel dalam JavaScript: `let`, `const`, dan `var`

Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Jika kamu belum membaca bagian sebelumnya, mulai dari Dasar-Dasar JavaScript ya.

📌 Apa Itu Variabel?

Variabel adalah wadah untuk menyimpan data dalam program. Misalnya, jika kamu ingin menyimpan nama pengguna, kamu bisa membuat variabel nama yang menyimpan nilai "Andi".

1let nama = "Andi";
2

1let nama = "Andi";
2

🔎 Tiga Cara Membuat Variabel di JavaScript

JavaScript memiliki tiga kata kunci utama untuk mendeklarasikan variabel:

1. let

• Digunakan untuk membuat variabel yang nilainya bisa diubah.
• Modern, lebih aman, dan direkomendasikan dibanding var.

1let usia = 25;
2usia = 26; // nilai bisa diubah
3

1let usia = 25;
2usia = 26; // nilai bisa diubah
3

2. const

• Digunakan untuk variabel yang tidak akan diubah setelah dideklarasikan.
• Harus langsung diberi nilai.

1const negara = "Indonesia";
2// negara = "Malaysia"; ❌ Error, tidak bisa diubah
3

1const negara = "Indonesia";
2// negara = "Malaysia"; ❌ Error, tidak bisa diubah
3

3. var (tidak disarankan lagi)

• Sintaks lama dari JavaScript.
• Masih bekerja, tapi bisa menimbulkan bug karena sifatnya yang fleksibel dan membingungkan (hoisting, scope, dll).

1var kota = "Jakarta";
2

1var kota = "Jakarta";
2

🧠 Perbandingan let, const, dan var

| Fitur | let | const | var |

| ----------------------- | ----- | ------- | ------------------ |

| Bisa diubah nilainya | ✅ | ❌ | ✅ |

| Harus diberi nilai awal | ❌ | ✅ | ❌ |

| Block scope | ✅ | ✅ | ❌ (function scope) |

| Bisa dideklarasi ulang | ❌ | ❌ | ✅ |

🛡️ Kapan Menggunakan yang Mana?

• Gunakan const jika nilai tidak akan berubah (misalnya URL API, konfigurasi).
• Gunakan let jika nilai akan diubah (misalnya data pengguna, hasil perhitungan).
• Hindari var kecuali untuk memahami legacy code.

✅ Contoh Lengkap Penggunaan

1// menggunakan let
2let nama = "Rina";
3nama = "Budi";
4
5// menggunakan const
6const API_KEY = "123456789abcdef";
7
8// menggunakan var (tidak direkomendasikan)
9var status = "aktif";
10

1// menggunakan let
2let nama = "Rina";
3nama = "Budi";
4
5// menggunakan const
6const API_KEY = "123456789abcdef";
7
8// menggunakan var (tidak direkomendasikan)
9var status = "aktif";
10

🧭 Kesalahan Umum yang Harus Dihindari

1. Menggunakan const tanpa memberi nilai awal

1const nilai; // ❌ Error
2

1const nilai; // ❌ Error
2

2. Mendeklarasikan ulang variabel let

1
2let usia = 20;
3
4let usia = 21; // ❌ Error
5

1
2let usia = 20;
3
4let usia = 21; // ❌ Error
5

3. Terlalu sering menggunakan var, padahal sudah bisa diganti let atau const.

📘 Selanjutnya

➡️ Tipe Data di JavaScript: Number, String, Boolean, Array, Object

⬅️ Kembali: Dasar-Dasar JavaScript

Kalau kamu mau, saya bisa bantu konversikan ini ke file HTML, Markdown, atau PDF. Atau lanjut ke artikel berikutnya?