Mendeklarasikan Variabel. Variabel dapat dideklarasikan sebagai variabel global atau lokal. Variabel dapat dideklarasikan dengan kata kunci var, let, dan const. Sebelum ES6 hanya ada kata kunci var yang tersedia untuk mendeklarasikan variabel JavaScript.
Variabel Global adalah variabel yang dapat diakses dari mana saja dalam program. Ini adalah variabel yang dideklarasikan di bagian utama kode sumber dan di luar semua fungsi. Variabel ini tersedia untuk setiap fungsi untuk diakses.
- Variabel global dideklarasikan pada awal blok (atas program)
- Kata kunci var digunakan untuk mendeklarasikan variabel secara global
- Variabel global dapat diakses dari bagian mana pun dari program
Catatan. Jika Anda menetapkan nilai ke variabel dan lupa mendeklarasikan variabel tersebut, maka secara otomatis akan dianggap sebagai variabel global
Contoh 1. Dalam contoh ini, kita mendeklarasikan variabel di awal program di luar setiap fungsi menggunakan kata kunci var.
HTML
<!DOCTYPE html> _
<html>
_
<body>
<________5<script> var userName = "Bill"; function modifyUserName() { userName = "Steve"; }; function showUserName() { alert(userName); }; alert(userName); // display Bill modifyUserName(); showUserName();// display Steve </script> _11_______
<2________5__5_______4 <5<6<7<8<4>
_
<2________5__5_______4 <5<6html6_______7<8<4>
_
> 2
<2<> 5>
> 7> 8
_
> 7 1
> 7 3
4 5
4 7
_
> 7<0
4<2
<3<4
> 7<6
> 7<8
> 7body0
_
> 7body3
________10<!DOCTYPE html> _10_______5
<2body7> 5>
body7<0>
body7body>
_
body7html>
Keluaran
Contoh 2. Deklarasikan variabel Global dalam suatu fungsi menggunakan objek jendela. Variabel yang dideklarasikan menggunakan objek jendela adalah variabel global dan dapat diakses dari bagian mana pun dari program
Variabel yang dideklarasikan di luar fungsi apa pun menjadi variabel global. Variabel global dapat diakses dan dimodifikasi dari fungsi apa pun
Contoh. Variabel Global
<script> var userName = "Bill"; function modifyUserName() { userName = "Steve"; }; function showUserName() { alert(userName); }; alert(userName); // display Bill modifyUserName(); showUserName();// display Steve </script>
Cobalah
Pada contoh di atas, variabel userName menjadi variabel global karena dideklarasikan di luar fungsi apa pun. Fungsi modifiedUserName() memodifikasi userName karena userName adalah variabel global dan dapat diakses di dalam fungsi apa pun. Dengan cara yang sama, fungsi showUserName() menampilkan nilai variabel userName saat ini. Mengubah nilai variabel global dalam fungsi apa pun akan tercermin di seluruh program
Harap perhatikan bahwa variabel yang dideklarasikan di dalam fungsi tanpa kata kunci var juga menjadi variabel global
Contoh. Variabel Global
<script> function createUserName() { userName = "Bill"; } function modifyUserName() { if(userName) userName = "Steve"; }; function showUserName() { alert(userName); } createUserName(); showUserName(); // Bill modifyUserName(); showUserName(); // Steve </script> _
Cobalah
Pada contoh di atas, variabel userName dideklarasikan tanpa kata kunci var di dalam createUserName(), sehingga menjadi variabel global secara otomatis setelah memanggil createUserName() untuk pertama kalinya
Catatan
Variabel userName akan menjadi variabel global hanya setelah createUserName() dipanggil setidaknya sekali. Memanggil showUserName() sebelum createUserName() akan memunculkan pengecualian "userName tidak ditentukan"
Lingkup Lokal
Variabel yang dideklarasikan di dalam fungsi apa pun dengan kata kunci var disebut variabel lokal. Variabel lokal tidak dapat diakses atau dimodifikasi di luar deklarasi fungsi
Contoh. Lingkup Lokal
<script> function createUserName() { var userName = "Bill"; } function showUserName() { alert(userName); } createUserName(); showUserName(); // throws error: userName is not defined </script>
Cobalah
Pada contoh di atas, userName bersifat lokal untuk fungsi createUserName(). Itu tidak dapat diakses dalam fungsi showUserName() atau fungsi lainnya. Ini akan menimbulkan kesalahan jika Anda mencoba mengakses variabel yang tidak dalam lingkup lokal atau global. Gunakan blok coba tangkap untuk penanganan pengecualian
Beberapa tip
Jika variabel lokal dan variabel global memiliki nama yang sama maka perubahan nilai satu variabel tidak mempengaruhi nilai variabel lain
Contoh. Cakupan
var userName = "Bill"; function ShowUserName() { var userName = "Steve"; alert(userName); // "Steve" } ShowUserName(); alert(userName); // Bill
Cobalah
JavaScript tidak mengizinkan cakupan level blok di dalam {}. Misalnya, variabel yang didefinisikan dalam blok if dapat diakses di luar blok if, di dalam suatu fungsi