Scope JavaScript

Setiap variable memiliki scope tersendiri. Scope adalah bagian pada code yang bisa digunakan oleh variable.

Scope terbagi menjadi local dan global.

Local scope

Variable yang dibuat atau di-declare di dalam sebuah function memiliki Local scope. Variable jenis ini hanya bisa digunakan di dalam function tersebut.

Contoh 1:

<script>
function function1() {
    var motor = "Honda";
    document.write("Variable ini [" + motor + "] ditampilkan dari dalam function. <br />");
};

function1();
document.write("Variable ini [" + motor + "] ditampilkan dari luar function.");
</script>

Hasil contoh 1:

Variable ini [Honda] ditampilkan dari dalam function.

Pada code di atas, variable dengan nama [motor] dibuat di dalam function. Saat [motor] digunakan di luar function, variable tersebut tidak bisa digunakan.

Global scope

Variable yang di-declare di luar sebuah function akan memiliki Global scope. Variable jenis ini bisa digunakan di luar maupun di dalam function tersebut.

Contoh 2:

<script>
var motor = "Honda";

function function2() {
document.write("Variable ini [" + motor + "] ditampilkan dari dalam function. <br />");
};

function2();
document.write("Variable ini [" + motor + "] ditampilkan dari luar function.");
</script>

Hasil contoh 2:

Variable ini [Honda] ditampilkan dari dalam function.
Variable ini [Honda] ditampilkan dari luar function.

Pada code di atas kita membuat sebuah variable diluar function dan kemudian memanggilnya di dalam dan diluar function. Keduanya bisa dilakukan.

Otomatis global

Jika kamu memasukkan sebuah value ke dalam sebuah variable tanpa membuat variable tersebut terlebih dahulu (memberi code var) maka variable tersebut akan menjadi global.

Contoh 3:

<script>
function function3() {
motor = "Honda";
document.write("Variable ini [" + motor + "] ditampilkan dari dalam function. <br />");
};

function3();
document.write("Variable ini [" + motor + "] ditampilkan dari luar function.");
</script>

Hasil contoh 3:

Variable ini [Honda] ditampilkan dari dalam function.
Variable ini [Honda] ditampilkan dari luar function.

Pada code di atas kita memasukkan sebuah value ke dalam sebuah variable bernama [motor]. Tetapi variable tersebut belum pernah dibuat atau diberi code [var] terlebuh dahulu.

Walaupun variable tersebut pertama kali digunakan di dalam sebuah function namun variable tersebut sudah menjadi global dan bisa digunakan diluar function.

Global variable di dalam HTML

Di dalam HTML, semua global variable menjadi property dari object yang bernama window. Sehingga kita bisa mengakses variable tersebut dengan syntax berikut:

window.sebuahGlobalVariable

Perhatikan contoh di bawah:

Contoh 4:

<script>
var motor = "Honda";

document.write(motor);
document.write("<br />");
document.write(window.motor);
</script>

Hasil contoh 4:

Honda
Honda

Pada code di atas kita kita membuat sebuah variable bernama [motor] yang mempunyai scope global karena dibuat di luar function.

Pada contoh di atas, value dari variable motor bisa ditampilkan langsung dengan merujuk ke nama variable tersebut atau melalui object window.

Umur variable

Umur sebuah variable dimulai saat variable tersebut dibuat.

Local variable akan terhapus saat sebuah function selesai dijalankan.

Global variable akan terhapus saat web page ditutup.

One Response to “Scope JavaScript”

  1. scrive:Ciao Alberto,Per chi possiede già un iPad ne consigli l’acquisto o pensi che sia inutile? Anche dato il fatto che esiste l’app ufficiale Kindle di Amazon che permette di avere gli ebook acquistati sul loro portale sul proprio iPad come se fosse un Kindle :-)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>