Pada tutorial sebelumnya, kita sudah belajar Tutorial Belajar JavaScript Bagian 2 : Cara Menuliskan Syntax JavaScript, selanjutnya kita akan belajar cara penulisan variabel JavaScript.
Apa Itu Variabel ?
Variabel sangat penting untuk semua bahasa pemrograman.
Variabel digunakan untuk menyimpan data, seperti string teks, angka, dll.
Data atau nilai yang disimpan dalam variabel dapat diatur, diperbarui, dan diambil kapan pun diperlukan. Secara umum, variabel adalah nama simbolis untuk nilai.
Anda dapat membuat variabel dengan kata kunci var, sedangkan operator penugasan [=] digunakan untuk menetapkan nilai ke variabel, seperti ini: var varName = nilai;
// Membuat variabel
var nama = "Budi Karmoyo ";
var usia = 21;
var isMenikah = false;
// Cetak nilai variabel
document.write[nama + "
"];
document.write[usia + "
"];
document.write[isMenikah];
Tip: Selalu berikan nama yang memiliki arti untuk variabel Anda. Selain itu, untuk menamai variabel yang berisi banyak kata, biasanya digunakan teknik penulisan camelCase.
Teknik penulisan camelCase bisa seperti berikut ini: namaVariabelYangPanjang.
Dalam contoh di atas, kita telah membuat 3 variabel, yang pertama dibuat dengan nilai string, yang kedua dibuat dengan angka, sedangkan yang terakhir dibuat dengan nilai boolean.
Variabel dapat menampung berbagai jenis data, kita akan mempelajarinya di tutorial selanjutnya.
Dalam JavaScript, variabel juga dapat dideklarasikan tanpa nilai awal. Ini berguna untuk variabel yang seharusnya menyimpan nilai seperti input pengguna.
// Deklarasi Variabel
var userNama;
// Menetapkan Nilai
userNama = "Budi Karmoyo ";
// Cetak nilai variabel
document.write[userNama];
Catatan: Dalam JavaScript, jika variabel telah dideklarasikan, tetapi belum diberi nilai secara eksplisit, secara otomatis akan diberi nilai tidak terdefinisi.
Mendeklarasikan Beberapa Variabel Sekaligus
Selain itu, Anda juga dapat mendeklarasikan beberapa variabel dan menetapkan nilai awalnya dalam satu pernyataan.
Setiap variabel dipisahkan dengan koma, seperti yang ditunjukkan pada contoh berikut:
// Deklarasi multiple Variabel
var nama = "Budi Karmoyo", usia = 21, isMenikah = false;
// Cetak nilai variabel
document.write[nama + "
"];
document.write[usia + "
"];
document.write[isMenikah];
Kata kunci let dan const ES6
ES6 memperkenalkan dua keyword baru let dan const untuk mendeklarasikan variabel.
Kata kunci const bekerja sama persis dengan let, bedanya, nilai variabel yang dideklarasikan menggunakan kata kunci const tidak dapat diubah.
Berikut contohnya:
// Deklarasi Variabel
let nama = "Budi Karmoyo";
let usia = 11;
let isSiswa = true;
// Cetak nilai variabel
document.write[nama + "
"];
document.write[usia + "
"];
document.write[isSiswa + "
"];
// Deklarasi konstanta
const PI = 3.14;
// Cetak nilai konstanta
document.write[PI]; // 3.14
// Trying to reassign
PI = 10; // error
Tidak seperti var, kata kunci let mendeklarasikan variable yang dibatasi pada tingkat blok yang dibatasi tanda [{}].
Tingkat blok berarti bahwa cakupan baru dibuat antara sepasang tanda kurung kurawal {}. Kita akan membahas ini secara rinci nanti, di tutorial fitur JavaScript ES6.
Catatan: Kata kunci let dan const tidak didukung di browser lama seperti IE10.
Aturan Penamaan untuk Variabel JavaScript
Berikut aturan untuk menamai variabel JavaScript:
- Nama variabel harus dimulai dengan huruf, garis bawah [_], atau tanda dolar [$].
- Nama variabel tidak boleh dimulai dengan angka.
- Nama variabel hanya boleh berisi karakter alfa-numerik [A-z, 0-9] dan garis bawah.
- Nama variabel tidak boleh berisi spasi.
- Nama variabel tidak boleh berupa keyword JavaScript atau fungsi JavaScript.
Catatan: Nama variabel di JavaScript peka huruf besar/kecil, artinya $myvar dan $myVar adalah dua variabel yang berbeda. Jadi berhati-hatilah saat menentukan nama variabel.
Semoga tutorial ini membantu Anda untuk belajar cara menulis variabel JavaScript.
Pengertian dan Sifat Variabel di Dalam JavaScript Dalam bahasa pemograman, variabel adalah ‘penampung’ sebuah nilai. Tergantung dengan ‘nilai’ dari variabel tersebut, sebuah variabel di dalam JavaScript dapat bertipe Angka [Number], String, Boolean, atau yang lainnya. Jenis pemograman seperti ini dikenal juga dengan Typeless Programming Language. Aturan Penamaan Variabel JavaScript
Aturan penamaan variabel pernah kita bahas pada tutorial Aturan Dasar Penulisan Kode Program JavaScript yakni sama dengan aturan pembuatan identifier: Karakter pertama harus diawali dengan huruf, underscore [] atau tanda dollar [$] Karakter kedua dan seterusnya bisa ditambahkan dengan huruf, angka, underscore [] atau tanda dollar [$]. Cara Membuat Variabel JavaScript Walaupun kita tidak perlu menyebutkan jenis tipe data dari suatu variabel,
namun kita tetap harus mendeklarasikan variabel di dalam JavaScript. Cara membuat variabel di dalam JavaScript di bedakan menjadi 2, yakni dengan menggunakan keyword var, dan tanpa var. Jika menggunakan kata kunci var, berikut adalah contoh penulisannya: Cara kedua untuk membuat variabel adalah tanpa menggunakan keyword var, seperti berikut ini: var a;
var b, c, d;
var e; var f;
var g=12;
var h="Saya Sedang Belajar JavaScript di Duniailkom";
a;
b=12;
c=" Saya Sedang Belajar JavaScript di Duniailkom";
Jangkauan Variabel [Variabel Scope] dalam JavaScript
Jangkauan Variabel [atau Variabel Scope] adalah konsep tentang pembatasan akses dari sebuah variabel. Yaitu pada bagian mana sebuah variabel masih bisa diakses.
Sebuah variabel jika dideklarasikan [baik dengan keyword var ataupun tanpa var], akan bersifat global, atau dikenal dengan istilah global variable. Sebuah variabel akan menjadi global variabel sepanjang variabel tersebut di deklarasikan di luar fungsi.
Jika sebuah variabel di deklarasikan di dalam fungsi, maka variabel tersebut hanya akan bisa diakses di dalam fungsi tersebut, atau bersifat lokal [dikenal juga dengan local variable].
Apabila kita membuat 2 variabel dengan nama yang sama sebagai global variabel, dan juga local variable di dalam sebuah fungsi, maka local variable akan memiliki prioritas yang lebih tinggi dibandingkan global variabel.
```
Belajar JavaScriptBelajar JavaScript
Saya sedang belajar JavaScript di duniailkom.com
```