Dalam tutorial belajar JavaScript kali ini, kita akan mempelajari Pengertian dan Cara Pembuatan Variabel dalam JavaScript. Termasuk juga aturan penamaan variabel dan konsep Variable Scope.

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.
Tidak seperti bahasa pemograman desktop seperti C++ dan Visual Basic, di dalam JavaScript kita tidak perlu mendeklarasikan jenis tipe data. Seluruh variabel di dalam JavaScript dapat berisi nilai apapun (tipe data apapun), dan dapat diubah menjadi tipe lain sepanjang program. Jenis pemograman seperti ini dikenal juga dengan Typeless Programming Language.
Salah satu bahasa pemograman yang juga berjenis Typeless Programming Language adalah PHP.

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 hurufunderscore (_) atau tanda dollar ($)
  • Karakter kedua dan seterusnya bisa ditambahkan dengan hurufangkaunderscore (_) atautanda 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:
1
2
3
4
5
6
7
<script>
  var a;
  var b, c, d;
  var e; var f;
  var g=12;
  var h="Saya Sedang Belajar JavaScript di Duniailkom";
</script>
Pada 2 baris terakhir saya membuat variabel, sekaligus memberikan nilai ke dalam variabel tersebut.
Cara kedua untuk membuat variabel adalah tanpa menggunakan keyword var, seperti berikut ini:
1
2
3
4
5
<script>
  a;
  b=12;
  c=" Saya Sedang Belajar JavaScript di Duniailkom";
</script>
Pembuatan variabel tanpa menggunakan keyword var memang lebih cepat, akan tetapi tidak disarankan. Walaupun variabel yang dideklarasikan tanpa keyword var akan tetap berfungsi sebagaimana mestinya seperti variabel dengan var, namun JavaScript ‘menyimpan’ variabel tersebut dengan cara yang berbeda. Salah satu perbedaannya adalah tentang variabel scope (yang akan kita bahas setelah ini). Sedapat mungkin kita selalu membuat variabel menggunakan keywordvar.

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 bersifatglobal, 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.
Variabel di dalam fungsi hanya akan bersifat lokal jika dideklarasikan menggunakan keyword var. Jika sebuah variabel di dalam fungsi di buat tanpa menggunakan keywordvar, efeknya akan sama dengan membuat variabel global.
Berikut adalah contoh efek konsep global variable dan local variable dalam JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
  
<script>
var nilai = "global";
function test() {
   var nilai = "lokal";
   var nilai_lokal = "duniailkom";
   tanpa_var = "no_scope"; //akan menjadi global variabel!!
   console.log(nilai);
   }
 
test(); // print: lokal
console.log(nilai); // print: global
console.log(tanpa_var); //print: no_scope (bisa diakses)
console.log(nilai_lokal); //error, karena nilai_lokal adalah lokal variabel
</script>
  
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di duniailkom.com </p>
</div>
</body>
</html>
Contoh Cara Penggunaan Global Variabel dan Local Variabel JavaScriptDalam contoh kode diatas, saya membuat dan mendeklarasikan beberapa variabel secara globalmaupun lokal.
Pada baris ke-8, saya membuat sebuah variabel global, dengan nama nilai, dan memberikan nilai string “global” ke dalam variabel ini.
Selanjutnya, saya membuat fungsi test() dan mendeklarasikan kembali variabel nilai, namun kali ini memberikan nilai string “lokal”. Di dalam fungsi ini saya juga membuat variabel baru, yakninilai_lokal dan tanpa_var.

ConversionConversion EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng