Belajar Javascript Dasar Part 3 – Mengenal Variabel

Di seri belajar JavaScript Part 2, kita sudah membahas konsep dasar seperti statement dan expression yang menjadi fondasi penting dalam penulisan kode. Nah, di modul Belajar JavaScript Dasar Part 3 ini, kita akan lanjut ke topik yang nggak kalah penting, yaitu variabel di JavaScript.

Di Part 1 sebenarnya kita sudah sempat menyinggung sedikit tentang variabel. Tapi di modul ini, kita bakal bahas lebih dalam, mulai dari pengertian variabel, cara penggunaannya, hingga best practice yang perlu kamu tahu supaya kode yang kamu buat lebih rapi dan mudah dipahami.

Sebenarnya, apa itu Variabel?

Variabel adalah wadah yang digunakan untuk menampung suatu nilai. Nilai dapat berupa angka, teks, atau apapun yang menghasilkan nilai yang disebut sebagai (expression) yang telah kita pelajari sebelumnya. 

Di pemrograman berbasis JavaScript, variabel digunakan untuk menampung nilai atau menampung sesuatu yang menghasilkan nilai. Untuk menampung nilai ini, kita dibekali 2 sintak yang digunakan untuk membuat variabel. 2 Sintaks itu adalah let dan const. Apa bedanya? 

Const

Const adalah variabel yang nilainya tetap. Itu artinya, variabel yang dideklarasikan menggunakan const nilainya akan selalu tetap, tidak bisa diubah. Saat Anda memilih membuat variable menggunakan const, maka nilai variabelnya akan tetap seterusnya. 

Supaya lebih jelas, mari kita lakukan testing. 

1. Silakan buka Google Chrome atau browser favorit Anda. 
2. Klik kanan >> Inspeksi. 
3. Selanjutnya akan tampil seperti gambar dibawah. Silakan pilih tab console. 

4. Selanjutnya silahkan tulis atau copy paste code berikut.

const negara = 'Indonesia';

console.log('Negara awal:', negara);
// output: Negara awal: Indonesia

negara = 'Malaysia'; // TypeError: Assignment to constant variable.

console.log('Negara setelah diubah:', negara);
// baris ini tidak akan pernah dijalankan

Terlihat pesan error yang error yang memperlihatkan instruksi tidak bisa dijalankan karena menggunakan constant variable.

Kapan perlu menggunakan variabel const? Anda perlu menggunakan variable const saat;

• Nilai variabel tidak akan berubah
• Ingin kode lebih aman dari perubahan tidak sengaja
• Untuk konfigurasi data yang nilainya dipastikan tetap

Let

let adalah variabel di Javascript yang nilainya bisa berubah. 

Berikut ini contohnya. Silakan Anda copaskan ini dibagian Console untuk melihat hasilnya.

let kota = 'Yogyakarta';

console.log('Kota awal:', kota);
// output: Kota awal: Yogyakarta

kota = 'Surakarta';

console.log('Kota setelah diubah:', kota);
// output: Kota setelah diubah: Surakarta

Terlihat kota awal adalah Yogyakarta, kemudian setelah diubah maka kota menjadi Surakarta.

Sekarang sudah jelaskan, terkait perbedaan antara const dengan let ?

Aturan Penamaan Variable di Javascript

Di Javascript untuk membuat variabel ada aturannya. Sehingga kita tidak boleh membuatnya secara asal

Berikut ini aturan penamaan variabel di Javascript.

• Tidak diperbolehkan menggunakan nama variabel yang sama di dalam cakupan yang sama. 
• Nama variabel tidak boleh menggunakan karakter selain huruf, angka, garis bawah, dan tanda dolar. 
• Nama variable tidak boleh diawali menggunakan angka.

Kesimpulan

Di JavaScript, kamu biasanya akan menggunakan const dan let untuk membuat variabel. Gunakan const jika nilai variabel tidak akan berubah setelah dideklarasikan, sehingga kode menjadi lebih aman dan mudah dipahami. Sedangkan let digunakan jika nilai variabel tersebut kemungkinan akan diubah di kemudian hari, misalnya untuk perhitungan atau proses yang bersifat dinamis.

Dengan memahami penggunaan const dan let secara tepat, kamu bisa menulis kode yang lebih rapi, konsisten, dan minim error. Jadi, biasakan memilih tipe variabel yang sesuai sejak awal agar proses coding jadi lebih nyaman dan hasilnya juga lebih optimal.

Di seri Belajar JavaScript selanjutnya, kita akan lanjut membahas tentang tipe data yang juga jadi bagian penting dalam pemrograman. Jadi, jangan sampai ketinggalan dan terus ikuti tutorial belajar JavaScript dari Rumahweb untuk meningkatkan skill kamu.

Quiz

Lanjutkan Belajar Java Script Dasar Part 4 Mengenal Tipe Data