Variabel Di Javascript : Penjelasan Dan Cara Membuatnya

Apa itu variable di javascript?

Variable atau variabel adalah sebuah wadah/tempat untuk menyimpan nilai tertentu ke dalam sebuah kata atau nama telah yang kita tentukan sendiri.

Sebelum lanjut, kamu perlu mengetahui beberapa istilah penting.

Istilah-istilah tersebut saya jelaskan dibawah ini:

1. Deklarasi, adalah tahap mendaftarkan variabel ke dalam lingkup yang sesuai.
2. Inisialisasi, adalah tahap menyediakan memori untuk variabel yang telah di deklarasikan.
3. Assignment, adalah tahap menetapkan nilai yang spesifik ke dalam variabel.

Lihat contoh berikut:

1var x    // deklarasi dan inisialisasi
2x = 10   // assignment

Kata var digunakan sebagai kunci dalam mendeklarasikan sebuah variabel.

Selain var, ada juga kata atau kunci lainnya yang juga digunakan untuk mendeklarasikan variabel.

1. var
2. let
3. const

Format penulisan variabel dalam javascript: var namaVariabelnya;

Lihat contoh dibawah ini:

1var a
2a = 1
3
4var b
5b = 2

Cara cepat dalam menulis variabel sekaligus nilainya

Selain deklarasi, dan inisialisasi kemudian assignment yang memerlukan 2 kali penulisan, kamu juga bisa langsung memberikan nilai ke variabel tanpa perlu memisahkan prosesnya.

Formatnya: var namaVariabel = nilai yang ditetapkan

Lihat contoh dibawah ini:

1var x = "kucing"

Contoh diatas akan membuat variabel bernama x dengan nilai berupa string “kucing”.

Aturan penulisan nama untuk variabel:

1. Tanpa Spasi
2. Boleh angka asal tidak berada diawal
3. Boleh menggunakan karakter atau simbol apapun
4. Gunakan simbol _ untuk memberikan spasi pada nama variabel

Lihat contoh lengkapnya pada kode dibawah ini:

1var namaHewan = ["kucing", "singa", "monyet"]    // ini boleh
2
3var 1hewan = "kucing"    // INI DILARANG!
4var hewan1 = "kucing"    // ini boleh
5
6var hewan 2 = "singa"    // INI DILARANG!
7var hewan_2 = "singa"   // ini boleh

1. var

Kata kunci var digunakan untuk membuat sebuah variabel.

Tujuan utamanya sama seperti let dan const yaitu untuk mendeklarasikan variabel.

Namun, ini sudah lama ditinggalkan (alias tidak lagi digunakan). Alasannya adalah karena var memiliki banyak masalah dan kekurangan.

Kata kunci var juga sudah jadul untuk javascript modern. Karena itu, kata kunci ini digantikan oleh kata kunci baru yaitu let dan const yang sudah sangat baik dan minim masalah.

Contoh masalah pada kata kunci var misalnya seperti masalah jangkauan atau scope variabel.

Kata kunci var tidak memiliki batasan scope atau batasan untuk jangkauannya.

Mungkin menurutmu ini bagus, tetapi ini sebenarnya masalah.

Alasannya adalah ini akan menyebabkan tabrakan kode antara variabel dengan nama yang sama namun berada di function yang berbeda.

Meskipun sudah ditinggalkan, kamu masih harus tahu tentang kata kunci var untuk membuat variabel.

Karena kamu akan menemukannya pada source code atau kode sumber yang lama.

Formatnya adalah: var namaVariabel = nilainya

1var x = 10

2. let

Kata kunci let digunakan untuk mendeklarasikan sebuah variabel dengan fungsi spesifik yang telah diatur didalamnya.

Kata kunci let memiliki scope atau jangkauan. Misalnya saat sebuah variabel berada dalam sebuah function, maka variabel tersebut hanya berlaku didalam function tersebut, tidak berlaku untuk diluar function.

Cara membuatnya sama seperti kata kunci var, hanya diganti nama kata kuncinya saja seperti contoh kode dibawah ini:

1let y = 20

Lihat contoh kode dibawah ini untuk melihat scope atau jangkauan dari let.

3. const

Kata kunci const digunakan untuk mendeklarasikan sebuah variabel dengan beberapa fungsi spesifik yang telah diatur didalamnya.

Ini sama dengan kata kunci let dengan penambahan aturan didalamnya.

Terdapat 2 fungsi atau aturan yang ditetapkan pada kata kunci const ini, yaitu:

1. Scope atau jangkauan dari variabel
2. Nilai yang tidak dapat diubah jika variabel sudah dideklarasikan

Kemampuan scope atau jangkauan scope dari kata kunci const sama dengan kata kunci let.

Sedangkan, kemampuan atau aturan lainnya yaitu menetapkan nilai dari variabel yang tidak dapat diubah untuk menghindari pengubahan nilai di masa mendatang atau meminimalkan serangan dari luar (seperti peretas) yang ingin mengubah nilai dari kode sumber.

Cara mendeklarasikan variabel dengan kata kunci const sama dengan kata kunci lainnya.

Lihat contoh kode dibawah ini:

1const z = 30
2z = 50    // ini akan memunculkan pesan error, karena variabel z dibuat menggunakan kata kunci const

Cara mengganti nilai dari variabel yang sudah ada

Selain mendeklarasikan variabel baru, kamu juga dapat mengganti nilai dari variabel yang sudah ada ke nilai yang baru.

Tidak perlu kata kunci seperi var, let atau const.

Lihat contoh dibawah ini:

1var hewan1 = "kucing"    // deklarasikan variabel
2
3hewan1 = "burung bangau"    // mengganti nilai dari variabel hewan1

Jika dijalankan di console browser, maka hewan1 akan memiliki nilai string “burung bangau” bukan “kucing”.

Membuat variabel secara massal

Di javascript, kamu juga dapat mempersingkat sintaks saat membuat variabel dengan jumlah yang banyak.

Berikut caranya:

1var hewan1 = "kucing",
2       hewan2 = "lumba-lumba",
3       hewan3 = "jerapah"