Variabel di JavaScript sangat penting untuk menyimpan dan memproses data. Penting untuk memahami di mana variabel ini valid dan area mana dalam kode Anda yang dapat diakses. Mengingat berbagai jenis variabel – global dan lokal – pemahaman tentang „Scopes“ (area visibilitas) sangat mendasar. Mari kita selami dan cari tahu apa itu variabel global dan lokal.
Poin penting
- Variabel global dapat diakses di seluruh kode, sedangkan variabel lokal hanya terlihat dalam fungsinya.
- Menetapkan variabel di luar fungsi membuatnya global, sementara menetapkannya di dalam fungsi membuatnya lokal.
- Untuk struktur kode yang jelas dan mudah dipelihara, menguntungkan untuk mendeklarasikan variabel global di awal skrip.
Panduan Langkah-demi-Langkah
Definisi Variabel dan Visibilitasnya
Pada langkah pertama, kita akan melihat bagaimana cara membuat variabel dan apa arti visibilitasnya. Jika Anda mendeklarasikan variabel di luar fungsi mana pun, seperti yang ditunjukkan pada contoh berikut, maka ini adalah global.
Di sini kita mendeklarasikan sebuah variabel global bernama meineVariable.
Membuat Fungsi dengan Variabel Lokal
Selanjutnya, kita akan membuat dua fungsi. Satu fungsi kita sebut lokalFunktion, di mana kita mendeklarasikan sebuah variabel lokal. Variabel ini hanya terlihat dalam fungsi tersebut. Mari kita definisikan fungsi kita.
Di lokalFunktion, Anda mendeklarasikan sebuah variabel lokal lokalV dengan nilai 5 dan mengeluarkannya.
Memanggil Fungsi
Sekarang kita ingin memanggil lokalFunktion untuk mengeluarkan angka 5. Setelah kita memanggil fungsi dalam kode, outputnya akan terlihat seperti ini:
Penguji Visibilitas Variabel Lokal
Sekarang kita mencoba menggunakan variabel lokal lokalV dalam fungsi lain. Anda akan melihat bahwa ini tidak berhasil. Mari kita lakukan pemanggilan pada andereFunktion dan lihat apa yang terjadi.
Kita mendapatkan kesalahan karena variabel lokalV hanya terlihat di dalam lokalFunktion.
Pemeriksaan Kesalahan di Console
Untuk memahami lebih baik mengapa kesalahan terjadi, kita harus memeriksa kode di konsol. Dengan mengklik kanan dan memilih "Inspect", Anda dapat membuka DOM-Explorer dan konsol untuk menganalisis kesalahan tersebut.
Di sana ditampilkan bahwa lokalV tidak terdefinisi. Ini menguatkan asumsi bahwa variabel tersebut tidak ada di luar fungsi.
Mendefinisikan Variabel Global
Sekarang mari kita buat sebuah variabel global yang dapat kita gunakan di kedua fungsi. Kita sebut variabel ini globaleVariable dan memberinya nilai teks sederhana.
Sekarang variabel global ini dapat dipanggil di kedua fungsi, dan outputnya akan sama. Mari kita coba.
Definisi Variabel dan Urutan Pemanggilan
penting untuk dicatat bahwa urutan definisi variabel dan fungsi sangat penting. Jika Anda mendeklarasikan variabel global di bawah penggunaannya, ini akan menyebabkan masalah undefined.
Ini karena fungsi yang membutuhkan variabel global memanggilnya sebelum didefinisikan. Untuk menghindari ini, disarankan untuk mendefinisikan variabel global di paling atas kode.
Lebih Lanjut tentang Variabel Lokal dan Penggunaannya
Sekarang kita lagi membuat sebuah variabel lokal di fungsi lain. Di sini kita menyebutnya lokalVariable dan menetapkan nilainya menjadi 12.
Kita juga dapat menggunakan variabel lokal ini, tetapi hanya di dalam fungsinya sendiri, tidak di fungsi lain. Ketika Anda menggunakan kedua variabel lokal, itu dapat menjaga kesabaran dan keteraturan dalam program Anda, tergantung pada kompleksitasnya.
Ringkasan Konsep
Anda sekarang telah memahami konsep dasar tentang visibilitas dan lingkup variabel di JavaScript. Variabel global terlihat untuk semua fungsi, sementara variabel lokal hanya ada di dalam fungsinya. Disarankan untuk mendefinisikan variabel global di tempat yang sentral dalam kode untuk meningkatkan keterbacaan dan kemudahan pemeliharaan.
Ringkasan – Visibilitas Variabel di JavaScript
Singkatnya, Anda telah belajar bahwa cara Anda mendefinisikan variabel memiliki dampak langsung pada visibilitas dan lingkupnya. Selalu perhatikan di mana Anda menempatkan variabel Anda untuk menghindari kesalahan.
Pertanyaan yang Sering Diajukan
Apa itu variabel global?Variabel global adalah variabel yang dideklarasikan di luar fungsi dan dapat diakses di seluruh skrip.
Apa itu variabel lokal?Variabel lokal adalah variabel yang dibuat di dalam fungsi dan hanya terlihat di dalam fungsi tersebut.
Bagaimana cara terbaik menggunakan variabel global?Disarankan untuk mendefinisikan variabel global di awal skrip guna memastikan struktur yang jelas dan pemeliharaan yang lebih baik.
Bisakah saya menggunakan variabel lokal di luar fungsinya?Tidak, variabel lokal hanya terlihat di dalam fungsi di mana mereka didefinisikan.
Bagaimana cara menangani kesalahan undefined?Perhatikan dengan urutan di mana Anda mendefinisikan variabel dan fungsi untuk memastikan bahwa variabel yang diperlukan didefinisikan sebelum penggunaannya.
