Cara menggunakan SCOOE di JavaScript
, masing-masing memiliki beberapa perbedaan. Mengapa kita perlu memahami varibale?
Show
Apa itu variabel?Variabel adalah wadah untuk menyimpan data atau bisa juga disebut nama yang mewakili suatu nilai. Variabel dapat diisi dengan berbagai nilai seperti string (teks), angka (angka), objek array dan seterusnya yang akan dibahas pada artikel tipe data. Pertama mari kita mulai dengan belajar tentang variabel javascript. Cara membuat variabel JavaScriptUntuk membuat variabel di JavaScript kita bisa menggunakan var , let , dan const. Sintaksis.
Keterangan
Contoh variabel Lihat Pena Konvensi penamaan variabelNama variabel dapat dibuat sesuai keinginan, namun harus memenuhi beberapa aturan yaitu
Berikut ini adalah contoh penamaan variabel yang benar Lihat Pena Berikut adalah contoh penamaan yang salah Lihat Pena Penulisan nama variabel biasanya ditulis menggunakan gaya camelCase yang digunakan oleh programmer JavaScript, sehingga sangat disarankan untuk mengikutinya Berikut adalah contoh nama variabel yang menggunakan gaya penulisan camelCase. Nama depan, generateLoginToken Jika nama variabel hanya berisi satu kata, maka harus ditulis dengan huruf kecil semua. Jika ada lebih dari satu kata, maka huruf pertama kata kedua dan seterusnya ditulis dengan huruf kapital Gaya penamaan ini bersifat opsional, kita bisa menggunakan semua huruf kecil atau semua huruf besar atau menggunakan garis bawah sebagai pemisah, namun disarankan untuk menggunakan camelCase Deklarasi dan Inisialisasi variabel javascriptSaat kita mendeklarasikan sebuah variabel, artinya kita meminta ruang kosong di memori, sedangkan inisialisasi adalah mengisi data ke dalam ruang memori tersebut Kita dapat membuat atau mendeklarasikan variabel atau wadah terlebih dahulu, lalu menginisialisasi atau memasukkan datanya nanti Lihat Pena Isi variabel data diubah dengan tipe data yang berbeda (tipe Dinamis)Dalam beberapa bahasa pemrograman, saat kita membuat variabel dengan data numerik, kita tidak bisa menggantinya dengan data selain angka Selain itu, kita juga perlu menuliskan secara eksplisit jenis data yang akan ditampung oleh suatu variabel Namun, dalam JavaScript, tidak demikian, kita dapat mengubah isi variabel menggunakan tipe data yang berbeda, dan kita tidak perlu menulis tipe data secara eksplisit saat membuat variabel. Kita dapat melakukannya jika membuat variabel menggunakan kata kunci var atau biarkan. Contoh Lihat Pena Perbedaan var , mari , dan constAda beberapa kata kunci yang bisa digunakan untuk membuat variabel bukan tanpa alasan, masing-masing memiliki perilaku yang berbeda. Singkatnya, inilah perbedaannya. Mari belajar lebih banyak VarSebelum ES6 muncul, kita hanya bisa membuat variabel menggunakan kata kunci var. Namun, variabel yang dibuat menggunakan kata kunci var memiliki beberapa kekurangan. Itulah mengapa kata kunci baru diperkenalkan. Baiklah, Sekarang kita pelajari dulu behavior variable var. Var dapat dideklarasikan ulangKetika sebuah variabel dibuat dengan kata kunci var, kita dapat mendeklarasikan ulang variabel dengan nama yang sama, nilai sebelumnya akan ditimpa Lihat Pena Nilai var dapat diubahVariabel yang dideklarasikan menggunakan kata kunci var dapat diubah nilainya, baik menggunakan tipe data yang sama maupun berbeda Lihat Pena Lingkup Fungsi di varKode yang kita tulis dapat dikatakan berada dalam lingkup fungsi jika berada di antara { dan } sebuah fungsi. Kita akan mempelajari lebih lanjut tentang fungsi dalam JavaScript nanti. Ketika variabel var dideklarasikan di dalam ruang lingkup fungsi, variabel hanya dapat digunakan di dalam fungsi, tidak dapat digunakan di luar fungsi Ini juga berlaku untuk let dan const, variabel yang dideklarasikan dengan kata kunci apa pun di dalam fungsi tidak dapat diakses di luar fungsi Lihat Pena Lingkup Blok di varSebuah variabel dikatakan berada dalam cakupan blok jika berada di antara { dan } pernyataan bersyarat (if, else, else if), pengulangan (for, while , do while), switch statement, dan lain-lain di luar cakupan fungsi atau global. Lihat Pena Ini masalahnya, berdasarkan kode di atas kita telah mendeklarasikan variabel nama. Jika kita secara sadar ingin mendeklarasikan ulang variabel nama ini tidak masalah sama sekali, tetapi jika niat kita adalah membuat variabel baru bernama nama dalam lingkup blok sedangkan variabel nama telah dideklarasikan dalam lingkup global yang terjadi seperti pada contoh di atas. Itu bahkan mengubah nilai variabel yang diubah sebelumnya. Jika kita telah menggunakan nama di bagian lain dari kode yang telah kita buat, ini dapat menjadi masalah dan menyebabkan bug. Itu sebabnya let dan const hadir. Mengangkat di varHoisting adalah istilah yang digunakan untuk menggambarkan bagaimana konteks eksekusi bekerja di JavaScript Deklarasi variabel dan menggunakan var serta deklarasi fungsi akan diangkat (diangkat) di atas ruang lingkupnya sebelum eksekusi kode Sebelum dieksekusi, JavaScript akan mencari variabel var dan deklarasi fungsi terlebih dahulu, lalu menginisialisasinya dengan undefined. Agar lebih mudah dipahami, Anda dapat menggunakan alat yang dapat memvisualisasikan eksekusi kode JavaScript. Sehingga Anda dapat melihat langkah-langkah eksekusi di JavaScript Contoh. Lihat Pena Hasil dari contoh diatas adalah undefined, dan perlu anda ketahui bahwa undefined adalah salah satu dari nilai atau tipe data. Lalu, mengapa JavaScript menginisialisasi dengan nilai tersebut padahal kita tidak pernah menulisnya. Selain itu, variabel var batch = 255; . log(batch);juga dideklarasikan setelah console.log(batch); secara logis kita seharusnya tidak dapat menggunakan variabel. Inilah yang dimaksud dengan istilah hoisting (diangkat) Berikut adalah langkah-langkah yang dilakukan JavaScript untuk mengeksekusi kode di atas.
membiarkanKata kunci let biasanya digunakan untuk membuat variabel yang nilainya dapat diubah. Ini diperkenalkan untuk mengatasi masalah var yang dibahas di atas. let Tidak dapat dideklarasikan ulangTidak seperti var, variabel yang dideklarasikan dengan kata kunci let tidak dapat dideklarasikan ulang. Contoh Lihat Pena Nilai biarkan dapat diubahSama seperti var , variabel yang dideklarasikan menggunakan let dapat diubah nilainya menggunakan tipe data yang sama atau tipe data yang berbeda. Lihat Pena Lingkup Fungsi di biarkanIni juga berlaku untuk biarkan dan const , variabel yang dideklarasikan dengan kata kunci apa pun di dalam fungsi tidak dapat diakses di luar fungsi. Sama seperti var, variabel let yang dideklarasikan di dalam ruang lingkup fungsi hanya dapat diakses di dalamnya, tidak dapat diakses di luar fungsi. Lihat Pena Blok Lingkup di biarkanMari selesaikan masalah block scope yang terjadi pada variabel var . Variabel biarkan yang dideklarasikan di dalam ruang lingkup blok hanya dapat digunakan di dalamnya, tidak dapat digunakan di luar. Contoh Lihat Pena Contoh diatas adalah contoh yang mirip dengan contoh pada variabel var tadi. Tapi konsol. log(name) menghasilkan hasil yang berbeda. Karena variabel nama yang ada di lingkup blok hanya bisa digunakan di lingkup blok. Mengangkat biarkanVariabel biar tidak diangkat seperti var , jadi kita tidak dapat mengakses variabel sebelum deklarasi. Lihat Pena KonstSama seperti biarkan, tetapi nilai variabel const tidak dapat diubah. Const tidak dapat dideklarasikan ulangKita tidak dapat mendeklarasikan ulang variabel const. Lihat Pena Nilai const tidak dapat diubahNilai variabel yang dibuat menggunakan const tidak dapat diubah. Lihat Pena Tapi kita bisa mengubah elemen dalam array Lihat Pena Hal yang sama berlaku untuk objek Lihat Pena Lingkup Fungsi di constSama seperti biarkan , variabel const dideklarasikan di dalam ruang lingkup fungsi hanya dapat diakses di dalam, tidak dapat diakses di luar. Lihat Pena Lingkup Blok di constSama seperti biarkan , variabel const dideklarasikan di dalam ruang lingkup blok hanya dapat diakses di dalam, tidak dapat diakses di luar. Lihat Pena Mengangkat di constMasalah hoisting juga sama dengan biarkan , variabel const tidak bisa digunakan sebelum dideklarasikan. Lihat Pena Kesimpulan
Demikian pembahasan kita kali ini. Jika Anda tertarik untuk mempelajari lebih lanjut tentang pemrograman javascript dan bahasa pemrograman lainnya, Anda dapat mengunjungi media sosial Akademi Xsis untuk informasi lebih lanjut tentang Bootcamp Apa ruang lingkup dalam javascript?Cakupan kode ( cakupan kode) Javascript adalah area dari ruang lingkup kode sehingga dapat dijalankan dan diakses oleh kode lain. Pada file javascript terdapat tiga jenis cakupan , yaitu global cakupan , cakupan lokal, dan blokir ruang lingkup .
Apa itu ruang lingkup fungsi?Lingkup Lokal atau lingkup fungsi adalah cakupan yang ada di setiap fungsi kode program kita. Biasanya variabel yang dideklarasikan dalam cakupan lokal disebut variabel lokal.
Bagaimana cara mendeklarasikan variabel dalam javascript?Cara membuat variabel yang biasa digunakan di javascript< /a> adalah dengan menggunakan kata kunci var kemudian diikuti dengan nama variabel dan nilainya. Contoh. var title = "Pelajari Pemrograman Javascript "; . "Pelajari Pemrograman variabel bernama title dengan nilai berupa teks (string): "Belajar Pemrograman Javascript ".
Apa itu ruang lingkup leksikal?Cakupan leksikal adalah cakupan yang dibaca saat kode JavaScript melalui proses kompilasi, atau sering kali disebut waktu kompilasi. Lingkup leksikal inilah yang mengatur dalam lingkup di mana kita harus mencari variabel. |