Data adalah sumber kehidupan aplikasi apa pun. Variabel adalah cara kita menangkap, menyimpan, dan melabeli data tersebut agar bisa kita gunakan nanti.
Model Mental Gudang
Bayangkan memori komputer Anda (RAM) adalah Gudang Amazon yang sangat besar.
1. Variabel: Ini adalah kotak tertentu di rak tertentu.
2. Nama Variabel: Ini adalah stiker label yang Anda tempel di kotak (mis., "emailPengguna").
3. Nilai: Ini adalah apa yang Anda masukkan ke dalam kotak (mis., "[email protected]").
Tanpa label (nama variabel), Anda akan membuang data ke dalam gudang dan tidak akan pernah menemukannya lagi.
Tiga Kata Kunci
Dalam JavaScript modern (ES6+), kita memiliki aturan khusus untuk membuat variabel.
const (Standar)
Singkatan dari "Constant" (Konstan). Setelah Anda memasukkan data ke dalam kotak ini, Anda tidak dapat menggantinya. Ini adalah opsi paling aman karena mencegah Anda menimpa data penting secara tidak sengaja.
let (Varian)
Gunakan ini HANYA jika Anda tahu nilainya perlu diubah nanti (seperti skor dalam gim, atau penghitung loop).
skor = 10;
var. Jangan gunakan. Ini memiliki aturan scope yang aneh yang menyebabkan bug. Jika Anda melihatnya di tutorial lama, ganti dengan let atau const.Penugasan vs. Kesetaraan
Ini adalah kebingungan #1 bagi pemula. Dalam matematika, = berarti "sama dengan". Dalam pemrograman, itu berarti "atur menjadi".
let skor = 100; // "Atur skor menjadi 100"
skor = 200; // "Atur skor menjadi 200"
// Kita membaca ini dari kanan ke kiri:
// 1. Hitung skor + 50 (250)
// 2. Masukkan hasil itu kembali ke 'skor'
skor = skor + 50;
console.log(skor);Dukung JS Fruggal dengan melihat sponsor kami.
Pemeriksaan Keamanan: Menetapkan Ulang Const
Apa yang terjadi jika kita melanggar aturan? Developer profesional menyukai error karena memberi tahu kita apa yang salah. Coba jalankan kode ini dan lihat pesan error di konsol.
const namaAplikasi = "JS Mastery";
// COBA JALANKAN INI
// Anda akan melihat: "TypeError: Assignment to constant variable."
namaAplikasi = "Sesuatu Lain";
console.log(namaAplikasi);Penamaan Seperti Pro
Kode lebih sering dibaca oleh manusia daripada oleh komputer. Kita menggunakan konvensi yang disebut camelCase.
| Tipe | Contoh | Kenapa? |
|---|---|---|
| Baik | alamatEmailPengguna | Deskriptif. Dimulai dengan huruf kecil. Huruf besar untuk kata baru. |
| Buruk | AlamatEmailPengguna | Awal huruf besar biasanya berarti "Class" atau "Component". |
| Mengerikan | u, x, data | Apa itu u? Apa itu data? Jadilah spesifik! |