Variabel global dalam javascript adalah variabel yang memiliki cakupan global, artinya dapat diakses dari mana saja di dalam program
Sintaksis
//outside of any block or function let myVal = 10;
Apa itu Cakupan Global?
Lingkup variabel berdiri di mana ia akan tersedia untuk digunakan di dalam program. Variabel yang memiliki cakupan global dapat diakses di mana saja di dalam program
Apa itu Otomatis Global?
Saat kita menginisialisasi variabel tanpa deklarasinya terlebih dahulu, hasilnya membuat variabel tersebut menjadi global secara otomatis. Alasan di balik perilaku ini adalah, inisialisasi tanpa deklarasi sama dengan menginisialisasi variabel ke dalam objek jendela seperti jendela ini. myVal = 10 pada kode di bawah ini
Catatan. Dalam "Mode Ketat", menginisialisasi variabel tanpa deklarasi terlebih dahulu tidak membuat variabel global secara otomatis
Contoh-
//Global scope function myFun() { //Function scope myVal = 10; } myFun(); console.log(myVal); //output => 10 _
Keluaran-
Di atas, kami memiliki fungsi myFun yang dipanggil, di dalam fungsi myFun myVal mendapatkan nilai yang diinisialisasi, tetapi myVal tidak dideklarasikan terlebih dahulu. Akibatnya, myVal akan secara otomatis menjadi variabel global. Mencetak myVal di konsol di luar cakupannya akan mencetak 10 sebagai output, yang memverifikasi bahwa myVal adalah variabel global sekarang
Bagaimana cara kerja Variabel Global JavaScript?
Ketika variabel global dalam javascript dideklarasikan, ia dipindahkan ke atas lingkup global, mis. e. itu masuk ke tumpukan panggilan segera di awal, karena mengangkat, di mana ia tersedia untuk digunakan di mana saja di dalam program
Contoh-
//Global scope let myVal = 20; function addOne() { myVal = myVal + 1; } function print(val) { console.log("value is :"+ myVal); } addOne(); print(); //output => value is 21
Keluaran-
Di atas, kami memiliki variabel global myVal yang digunakan dalam dua fungsi berturut-turut addOne dan print. Dalam fungsi addOne kami menambahkan 1 ke dalam myVal dan mencetak nilai myVal di konsol dalam fungsi cetak
Contoh
- Menggunakan variabel global untuk melacak tema tampilan-
let themeVal = "dark"; function darkTheme() { //code logics to make theme dark console.log("current value of theme is :" + themeVal); } function lightTheme() { //code logics to make theme light console.log("current value of theme is :" + themeVal); } if(themeVal === "dark") { darkTheme(); } if(themeVal === "light") { lightTheme(); } darkTheme(); lightTheme();
Keluaran-
"current value of theme is dark" _
Di atas, kami memiliki themeVal variabel global yang memiliki nilai warna tampilan yang "gelap". Kemudian dua blok if conditional memanggil fungsi darkTheme dan lightTheme berdasarkan kondisi. Hasilnya, akan dipanggil darkTheme dan mencetak "nilai tema saat ini gelap" di konsol sebagai output
- Mendeklarasikan nilai global otomatis-
function add() { myVal = 100; } function display() { console.log("My value is " + myVal); } add(); display();
Keluaran-
Di atas, kami memiliki fungsi tambah di mana myVal diberi nilai 100 tanpa deklarasi myVal terlebih dahulu. Akibatnya, saat fungsi tambah dipanggil myVal menjadi variabel global, dan mencetak "Nilai saya 100" di konsol sebagai keluaran saat fungsi tampilan dipanggil
Bagaimana cara mendeklarasikan Variabel Global dalam JavaScript?
Untuk mendeklarasikan variabel global dalam javascript kita harus mendeklarasikan variabel var, const atau let di luar blok atau fungsi apa pun, di dalam lingkup global
Contoh-
//Global scope let myVal = 10; function myFun() { if(myVal > 5) { myVal = myVal + 5; } } myFun(); console.log(myVal) //output => 15 _
Keluaran-
Di atas, kami mendeklarasikan variabel global myVal dan menetapkan nilai 10. myVal juga dapat diakses di dalam fungsi myFun yang memverifikasi bahwa myVal adalah variabel global
Apa Perbedaan Antara var Global dan jendela. variabel dalam JavaScript?
Untuk mendeklarasikan variabel global menggunakan global var, kita harus mendeklarasikan variabel var ke dalam lingkup global. Tapi, untuk mendeklarasikan variabel global menggunakan window. variabel, kita harus secara eksplisit menulis window. diikuti dengan nama variabel dan nilai seperti jendela ini. namavariabel = nilai
Contoh variabel global yang dideklarasikan menggunakan global var -
//outside of any block or function var myVal = 10;
Di atas, kami mendeklarasikan variabel global menggunakan global var dan memberikan nilai 10
Contoh variabel global yang dideklarasikan menggunakan window. variabel -
function myFun() { window.myVal = 20; } console.log(myVal) // output => 20 _
Keluaran-
Di atas, kami memiliki fungsi myFun di mana kami mendeklarasikan jendela. variabel dan diberi nilai 20. Di sini, kedua contoh akan ditempatkan di tempat yang sama yaitu objek jendela
Variabel dalam javascript adalah blok penyusun program apa pun, ada baiknya memberikan referensi bernama untuk semua jenis data yang digunakan dalam program, pelajari lebih lanjut tentang Variabel JavaScript