Cara menggunakan SCOPE. pada JavaScript

Scope dalam JavaScript mendefinisikan aksesibilitas variabel, objek, dan fungsi.Ada dua jenis cakupan di JavaScript yaitu :

  1. Global Scope
  2. Local Scope

Untuk lebih jelasnya kita akan membahas Global Scope dan Local Scope dan bagaimana contoh dari Syntax itu sendiri .

GLOBAL SCOPE




	

Demo: JavaScript Global scope

Dalam contoh di atas, variabel userName menjadi variabel global karena dideklarasikan di luar fungsi apa pun. Fungsi modifikatorName () memodifikasi nama pengguna karena nama pengguna adalah variabel global dan dapat diakses di dalam fungsi apa pun. Dengan cara yang sama, fungsi showUserName () menampilkan nilai variabel userName saat ini. Perubahan nilai variabel global dalam fungsi apa pun akan tercerminkan di seluruh program.

Harap dicatat bahwa variabel yang dideklarasikan di dalam fungsi tanpa kata kunci var juga menjadi sebuah variabel global.

Contoh :




	

Demo: Global scope

Dalam contoh di atas, variabel userName dideklarasikan tanpa kata kunci var di dalam createUserName (), sehingga variabel tersebut otomatis menjadi variabel global setelah memanggil createUserName () untuk pertama kali.

Noted

Variabel userName akan menjadi variabel global hanya setelah createUserName () dipanggil setidaknya sekali. Memanggil showUserName () sebelum createUserName () akan memunculkan pengecualian “userName tidak ditentukan”.

LOCAL SCOPE

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 :




	

Demo: Local scope

Dan hasil nya sebagai berikut :

Cara menggunakan SCOPE. pada JavaScript

Dalam contoh di atas, userName bersifat lokal untuk fungsi createUserName (). Itu tidak bisa diakses dalam fungsi showUserName () atau fungsi lainnya. Ini akan memunculkan kesalahan jika Anda mencoba mengakses variabel yang tidak berada dalam lingkup lokal atau global.

Beberapa tips ..

Jika variabel lokal dan variabel global memiliki nama yang sama maka perubahan nilai satu variabel tidak mempengaruhi nilai variabel lainnya.

Contoh jika variabel lokal dan variable global memiliki nama yang sama




	

Demo: Global & local variable with same name

Dan berikut hasil Syntax di atas :

JavaScript tidak mengizinkan cakupan tingkat blok di dalam {}. Misalnya, variabel yang didefinisikan di blok if dapat diakses di luar blok if, di dalam fungsi.

Contoh :




	

Demo: No block level scope

Untuk hasilnya akan menampilkan alert yang berisi nilai 100 .

Point untuk diingat :

1. JavaScript memiliki cakupan global dan cakupan lokal.
2. Variabel yang dideklarasikan dan diinisialisasi di luar fungsi apa pun menjadi variabel global.
3. Variabel yang dideklarasikan dan diinisialisasi di dalam fungsi menjadi variabel lokal untuk
fungsi itu.
4. Variabel yang dideklarasikan tanpa kata kunci var di dalam fungsi apa pun menjadi variabel
global secara otomatis.
5. Variabel global dapat diakses dan dimodifikasi di mana saja dalam program.
6. Variabel lokal tidak dapat diakses di luar deklarasi fungsi.
7. Variabel global dan variabel lokal dapat memiliki nama yang sama tanpa mempengaruhi satu
sama lain.
8. JavaScript tidak mengizinkan cakupan tingkat blok di dalam {} tanda kurung.

Apa yang dimaksud scope di JavaScript?

Salah satu variable JavaScript adalah Scope. Variable Scope merupakan wilayah program Anda yang sudah ditentukan. Variabel JavaScript hanya memiliki dua scope. Terdapat dua jenis variabel scope yang ada di JavaScript yaitu Global Variable dan Local Variable.

Apa itu function scope?

Local scope atau function scope adalah scope yang berada dalam masing-masing fungsi dari kode program kita. Biasanya variabel yang dideklarasikan dalam local scope disebut variabel lokal.

Apa itu Lexical scope?

Lexical scope adalah scope yang dibaca saat kode JavaScript melalui proses compile, atau sering disebut compile-time. Lexical scope ini yang mengatur di scope mana kita harus mencari sebuah variable.