Saturday, January 3, 2015

Tutorial Javascript Part 8: Memahami Scope Variabel

Dalam penggunaan vriabel pada javascript perlu diperhatikan scope-nya. Scope ini membatasi apakah sebuah variabel bisa digunakan secara global atau hanya dapat digunakan didalam function saja. Sebuah variabel ditentukan scopenya saat dideklarasi. Secara garis besar scope variabel dibedakan menjadi dua yaitu LOCAl dan GLOBAL.

Local Variabel

Adalah variabel yang dideklarasikan didalam function. Local variabel hanya bisa digunakan didalam function. Local variabel ada saat function dipanggil dan dimusnahkan saat function selesai dijalankan.

Berikut ini contoh penggunaan local variabel pada javascript :

// kode diluar function tidak bisa menggunakan variabel nama

function myFunction() {
    var nama = "Sabrina";

    ...// kode didalam function bisa menggunakan variabel nama
} 

Global Variabel

Adalah variabel yang dideklarasikan diluar function. Global variabel bisa digunakan dimanapun didalam program termasuk didalam function. GLobal variabel ada saat halaman dibuka dan dimusnahkan saat halaman ditutup.

Berikut ini contoh penggunaan global variabel pada javascript :

// kode diluar function bisa menggunakan variabel nama
var nama = "Sabrina";

function myFunction() {
    // kode didalam function juga bisa menggunakan variabel nama
} 

Automatic Global Variabel

Adalah variabel yang diakses didalam function namun tidak dideklarasikan didalam function tersebut. Secara otomatis variabel ini menjadi Global variabel dan bisa diakses dari manapun.

Berikut ini contoh automatic global variabel pada javascript :

// kode diluar function juga bisa menggunakan variabel nama
function myFunction() {
    nama = "Sabrina";
    // kode didalam function bisa menggunakan variabel nama
} 

Function Argument

Adalah parameter yang menyertai sebuah function. Function argument ini ini berlaku sebagai local variabel dan hanya bisa diakses didalam function saja.

Berikut ini contoh penggunaan function argument pada javascript :

// kode diluar function tidak bisa menggunakan variabel nama

function myFunction(nama) {
    return nama ;

    ...// kode didalam function bisa menggunakan variabel nama
} 

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

0 komentar

Post a Comment