JavaScript Variabel Dan Fungsi Dari SCOPE - CRUDPRO
Home  ›  javascript

JavaScript Variabel Dan Fungsi Dari SCOPE

Written By Saturday, June 10, 2023
JavaScript Variabel Dan Fungsi Dari SCOPE

Untuk mengembangkan halaman web dan aplikasi web interaktif, JavaScript adalah bahasa pemrograman yang populer. Ini adalah bahasa tingkat tinggi yang dapat diadaptasi, hidup dan mudah dipelajari. Scope variabel dan fungsi adalah beberapa ide dasar dalam JavaScript.

Istilah "scope" menjelaskan betapa mudahnya mengakses variabel dan metode dalam kode. Variabel dan fungsi dalam JavaScript dapat memiliki berbagai derajat scope, yang menentukan bagaimana dan dari mana variabel tersebut dapat diakses dan diubah. Menulis kode JavaScript yang efektif dan dapat maintained memerlukan pemahaman tentang scope variabel dan metode.

SINGKAT: scope fungsi atau variabel mengacu pada visibilitasnya di seluruh bagian kode Anda yang berbeda.

SCOPE VARIABEL

Variabel dalam JavaScript dapat memiliki Scope global atau lokal. Sebuah variabel global dibuat di luar fungsi dan dapat diakses melalui seluruh program. Berbeda dengan ini, variabel lokal dideklarasikan di dalam sebuah metode dan hanya dapat diakses dari dalam fungsi tersebut.

Pertimbangkan kode di bawah ini:

var name = "Bash";

function showName() {
  console.log(name);
}

showName();

Dalam contoh ini, variabel "name" dideklarasikan di luar fungsi "showName()", sehingga menjadi variabel global. Fungsi "showName ()" mencatat nilai name ke konsol. Karena name adalah variabel global, maka dapat diakses di dalam fungsi tanpa masalah.

Akan tetapi, jika kita mendeklarasikan “name” di dalam fungsi seperti ini:

function showName() {
  var name = "Bash";
  console.log(name);
}

Dalam hal ini, “name” merupakan variabel lokal karena dideklarasikan di dalam fungsi. Ini berarti bahwa itu hanya dapat diakses di dalam fungsi. Jika kami mencoba mengakses name di luar fungsi, kami akan mendapatkan error.

Namun, variabel dapat menghasilkan bayangan di seluruh rentang. Bahkan jika Anda menggunakan const, Anda dapat mendefinisikan ulang satu dengan name yang sama dalam Scope terpisah tanpa mendapatkan error. (Kode di bawah)

const name = 'Bash'

function showName() {
  const name = 'Bashir'
  console.log(name)
}

console.log(name) // Bash
showName() // Bashir

Scope FUNGSI

Fungsi JavaScript juga memiliki scopenya. Setiap variabel yang dideklarasikan di dalam suatu fungsi dengan demikian hanya dapat digunakan di dalam fungsi itu. Pertimbangkan contoh berikut:

function fullName(fName, lName) {
  var result = `${fName} ${lName}`;
  return result;
}


function showName() {
  const name = 'Bashir'
}

console.log(name) // ReferenceError: name is not defined

Dalam contoh ini, fungsi “fullName()” memiliki dua parameter, “fName” dan “lName”, dan variabel lokal yang disebut “result”. Variabel "result" hanya dapat diakses di dalam fungsi, sehingga tidak dapat diakses dari luar fungsi.

SCOPE BLOK

Fitur JavaScript memblokir scope selain scope global dan lokal. Blok adalah piece kode, seperti loop atau ekspresi kondisional, yang dikelilingi oleh kurung kurawal. Semua akses ke variabel yang dideklarasikan di dalam sebuah blok dibatasi untuk blok itu. Pertimbangkan contoh berikut:

function printNumbers() {
  for (var i = 0; i < 10; i++) {
    console.log(i);
  }
  console.log(i);
}


if (true) {
  const name = 'Bashir'
}

console.log(name) // ReferenceError: name is not defined

Dalam contoh ini, fungsi “printNumbers()” memiliki loop for yang menghitung dari 0 hingga 9 dan mencatat setiap angka ke konsol. Setelah loop, kami mencoba untuk mencatat nilai i lagi. Namun, karena i dideklarasikan di dalam for loop, maka i hanya dapat diakses di dalam loop. Mencoba mengaksesnya di luar lingkaran akan menghasilkan kesalahan. Contoh kedua, itu tidak akan tersedia jika pernyataan bersyarat tidak berjalan.

scope lebih rumit dari sekedar tempat definisi variabel ditempatkan. Bergantung pada kata yang Anda pilih untuk menggambarkannya. Sedangkan variabel yang didefinisikan dengan let dan const memiliki scope blok, variabel yang didefinisikan dengan var memiliki scope fungsi.

Jika sebuah variabel dideklarasikan menggunakan var dan berada dalam fungsi yang sama, maka variabel tersebut dapat diakses bahkan di luar blok.

KESIMPULAN

Variabel JavaScript dan scope fungsi bisa menjadi topik yang kompleks, tetapi penting untuk menulis kode yang efisien dan dapat maintained. Dengan memahami berbagai jenis scope dan cara kerjanya, Anda dapat menghindari kesalahan dan menulis kode yang lebih mudah dibaca dan di-debug. Ingatlah bahwa variabel yang dideklarasikan di luar fungsi adalah variabel global, variabel yang dideklarasikan di dalam fungsi adalah variabel lokal, dan variabel yang dideklarasikan di dalam blok adalah variabel dengan scope blok. Fungsi juga memiliki scopenya sendiri, dan setiap variabel yang dideklarasikan di dalam suatu fungsi hanya dapat diakses di dalam fungsi tersebut.