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:
- Global Scope: Variabel yang dideklarasikan di luar fungsi memiliki global scope. Variabel dengan global scope dapat diakses dari mana saja dalam program.
Contoh:
var globalVariable = "Ini adalah variabel global";
function fungsiSatu() {
console.log(globalVariable); // Output: Ini adalah variabel global
}
fungsiSatu();- Local Scope: Variabel yang dideklarasikan di dalam fungsi memiliki local scope. Variabel dengan local scope hanya dapat diakses di dalam fungsi tersebut.
Contoh:
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 definedMengaplikasikan 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:
<!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>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.
Leave a Reply