Penggunaan Scope dalam JavaScript

Penggunaan Scope dalam JavaScript

Dalam JavaScript, scope mengacu pada bagaimana variabel diakses dan dikelola dalam program. Scope menentukan di mana variabel dapat diakses dan berlaku. Terdapat dua jenis scope dalam JavaScript:

  1. Global Scope: Variabel yang dideklarasikan di luar fungsi memiliki global scope. Variabel dengan global scope dapat diakses dari mana saja dalam program.

Contoh:

JavaScript
var globalVariable = "Ini adalah variabel global";

function fungsiSatu() {
  console.log(globalVariable); // Output: Ini adalah variabel global
}

fungsiSatu();
JavaScript
  1. Local Scope: Variabel yang dideklarasikan di dalam fungsi memiliki local scope. Variabel dengan local scope hanya dapat diakses di dalam fungsi tersebut.

Contoh:

JavaScript
function fungsiDua() {
  var localVariable = "Ini adalah variabel lokal";
  console.log(localVariable); // Output: Ini adalah variabel lokal
}

fungsiDua();
console.log(localVariable); // Output: ReferenceError: localVariable is not defined
JavaScript

Mengaplikasikan Scope dengan HTML

Ketika menggunakan JavaScript dalam HTML, kita dapat mengaplikasikan scope dengan menggunakan tag <script>. Kode JavaScript yang ditulis di dalam tag <script> akan memiliki scope yang berlaku di dalam tag tersebut.

Contoh:

HTML
<!DOCTYPE html>
<html>
<head>
  <title>Contoh Scope dengan HTML</title>
</head>
<body>
  <h1>Contoh Scope dengan HTML</h1>

  <script>
    var globalVariable = "Ini adalah variabel global";

    function fungsiTiga() {
      var localVariable = "Ini adalah variabel lokal";
      console.log(globalVariable); // Output: Ini adalah variabel global
      console.log(localVariable); // Output: Ini adalah variabel lokal
    }

    fungsiTiga();
    console.log(globalVariable); // Output: Ini adalah variabel global
    console.log(localVariable); // Output: ReferenceError: localVariable is not defined
  </script>
</body>
</html>
HTML

Dalam contoh di atas, variabel globalVariable dapat diakses di dalam fungsi fungsiTiga dan di luar tag <script>. Namun, variabel localVariable hanya dapat diakses di dalam fungsi fungsiTiga dan tidak dapat diakses di luar tag <script>.

Dengan memahami scope dalam JavaScript dan mengaplikasikannya dengan HTML, kita dapat mengelola variabel dengan lebih efektif dan menghindari konflik atau kebocoran variabel.