Perbedaan var, let, dan const di JavaScript: Jangan Pakai var Lagi!

Evolusi Variabel di JavaScript

Sebelum tahun 2015, developer JavaScript hanya memiliki satu cara untuk membuat variabel, yaitu menggunakan kata kunci var. Namun, var memiliki perilaku "aneh" yang sering menyebabkan bug tak terduga. Karena itu, JavaScript versi modern (ES6) memperkenalkan dua jagoan baru: let dan const.

1. var (Sang Senior yang Usang dan Berbahaya)

Aturan utama saat ini: Berhentilah menggunakan var di project baru.

Mengapa? Karena var memiliki Function Scope (bukan Block Scope) dan bisa di-deklarasikan ulang tanpa memunculkan error.

var nama = "Budi";
var nama = "Andi"; // JavaScript diam saja, tidak ada error!
console.log(nama); // Output: Andi

Bayangkan jika aplikasimu berisi ribuan baris kode, dan kamu secara tidak sengaja membuat variabel var total dua kali. Variabel pertama akan tertimpa diam-diam dan membuat perhitunganmu salah total.

2. let (Si Fleksibel)

Gunakan let ketika nilai variabel tersebut direncanakan akan berubah-ubah nilainya nanti, seperti pada counter loop atau status toggle.

let score = 10;
score = 15; // Berhasil diubah (Reassign)

// Error jika di-deklarasi ulang!
let score = 20; // SyntaxError: Identifier 'score' has already been declared

Selain itu, let bersifat Block Scoped. Artinya, jika ia dibuat di dalam kurung kurawal { } (seperti di dalam if-statement atau loop), ia tidak akan "bocor" keluar dari kurung tersebut.

3. const (Si Tegas yang Tidak Bisa Diubah)

Sesuai namanya (Constant), const digunakan untuk membuat variabel yang nilainya tetap dan tidak boleh diubah-ubah (reassign).

const PI = 3.14;
PI = 3.15; // TypeError: Assignment to constant variable.

Pengecualian penting untuk Array dan Object:
Jika kamu menggunakan const untuk Array atau Object, kamu memang tidak bisa mengganti *sepenuhnya* variabel tersebut, TAPI kamu MASIH BISA mengubah atau menambah isinya!

const user = { nama: "Siti" };
user.nama = "Rahma"; // INI BISA! Isinya boleh dimodifikasi.

user = { nama: "Joko" }; // INI ERROR! Tidak boleh diganti total object-nya.

Aturan Praktis (Best Practice)

Untuk developer pemula, ikuti urutan pola pikir ini saat coding:

1. Secara default, selalu gunakan const untuk semua hal (deklarasi fungsi, array, objek, DOM selection). Ini membuat kode lebih mudah diprediksi.
2. Jika di tengah jalan kamu sadar variabel itu harus diganti nilainya, barulah ubah menjadi let.
3. Lupakan bahwa var itu pernah ada.