Install Web App

Belajar Javascript #15 Lingkup Global vs Lingkup Lokal

profil-penulis

Ihsanuddin

28 Desember 2022

Lingkup Global VS Lingkup Lokal

Sekarang kita akan belajar tentang lingkup dari sebuah variabel. Di JavaScript, ada istilah lingkup global (global scope) dan lingkup lokal (local scope), apakah perbedaannya? Mari kita pelajari bersama di bawah ini.

Lingkup Global

Lingkup global adalah ketika sebuah variabel bisa diakses dari mana saja, baik di dalam maupun di luar dari suatu fungsi atau blok (grup) kode.

Contoh:

Pada contoh di atas, fungsi variabel olahraga bisa diakses di dalam fungsi namaAtlet dan bahkan di dalam blok if walaupun variabel olahraga tidak dideklarasikan di dalam fungsi/blok tersebut. Ini dikarenakan variabel olahraga yang dideklarasikan di luar fungsi namaAtlet memiliki lingkup global, jadi bisa diakses dari mana saja selama ada di dalam lingkup variabel tersebut.

Lingkup Lokal

Sebaliknya, lingkup lokal adalah ketika sebuah variabel hanya bisa diakses di dalam sebuah fungsi atau blok kode. Semua variabel yang dideklarasikan di dalam sebuah fungsi/blok hanya bisa di dalam fungsi/blok tersebut saja.

Jadi, lingkup lokal bisa dibagi lagi menjadi dua tipe:

  • lingkup fungsi (function scope)
  • lingkup blok (block scope)

Mari kita gunakan contoh sebelumnya dan ubah perintah console.log menjadi:

Pada contoh di atas, perintah console.log(noKobe) akan mengembalikan nilai error karena kita mencoba mengakses variabel noKobe di luar lingkup di mana dia dideklarasikan (yaitu di dalam blok if saja). Sedangkan perintah console.log(noMessi) akan menghasilkan output 10 karena variabel noMessi dideklarasikan di luar blok if jadi semua kode di dalam blok if tersebut mempunyai akses ke variabel itu.

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Javascript #01 Belajar Menyisipkan Javascript Pada HTML menggunakan Metode Internal

2. Belajar Javascript #02 Belajar Menyisipkan Javascript Pada HTML Menggunakan Metode External

3. Belajar Javascript #03 Mendeklarasikan Variabel

4. Belajar Javascript #05 Menampilkan data di console

5. Belajar Javascript #06 Operator Aritmatika

6. Belajar Javascript #07 Assignment Operator

7. Belajar Javascript #08 String Operator

8. Belajar Javascript #09 Operator Perbandingan

9. Belajar Javascript #10 Operator Logika AND, OR, NOT, pada JavaScript

10. Belajar Javascript #11 Belajar Fungsi Pada Javascript

11. Belajar Javascript #12 Cara Mendeklarasikan Fungsi Pada Javascript

12. Belajar Javascript #13 Belajar Parameter & Argument Pada Javascript

13. Belajar Javascript #14 Belajar apa itu Function Hoisting pada javascript, dan contohnya

14. Belajar Javascript #15 Lingkup Global vs Lingkup Lokal

15. Belajar Javascript #16 Mengenal Objek Javascript

16. Belajar Javascript #17 Menggunakan Object Literal

17. Belajar Javascript #18 Mengakses properti Objek

18. Belajar Javascript #19 Menambah Properti Baru pada Objek

19. Belajar Javascript #20 Menghapus Properti Objek

20. Belajar Javascript #21 Object Method

21. Belajar Javascript Intermediate #02 ForEach

22. Belajar Javascript Intermediate #03 Map

23. Belajar Javascript Intermediate #06 Index Of

24. Belajar PHP #2 Cara Menginstall XAMPP di Windows

25. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

26. Cara Install Laravel di Windows

27. Cara Menginstall Sublime Text

28. Cara Menginstall Visual Studio Code

29. Daftar Urutan Web Browser Terbaik, Cari Tau Yang Paling Cocok Buat Kamu!

30. Gampang Banget ! Begini Cara Membuat Sticker Wa

31. How to make Card-Profile

32. Mempelajari Javascript #04 Tipe Data Javascript

33. Mengenal Ektensi Pada Visual Studio Code | Part 2

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya