bewoksatukosong.com | hallo semuanya balik lagi dengan om bewok, kali ini om bewok akan memberikan lanjutan tutorial javascript part 3 mengenai variabel const dan let.
const dan let terbilang baru diperkancahan javascript, karena sebelumnya menggunakan var. const dan let ini termasuk bagian dari es6. Sebenarnya apa yang membedakan dari mereka. mari kita mulai
CONST
Const ini berasal dari constant, artinya kamu tidak bisa mengganti-ganti variabel, kalau diganti akan error, pokoknya kalau variabel ini ga perlu diganti-ganti, kamu gunakan const
LET
Let ini untuk membantu kekurangan dari const ini, jika const ini digunakan untuk variabel yang konstan / constant / tetap. nah let ini bisa berganti-ganti nama variabel.
Untuk lebih jelasnya, om bewok akan memberikan contoh mengenai const dan let
Seperti biasa buat folder dengan nama 3_variabel_const let, lalu buat file bernama index.html dan main.js
Kenapa dipisah ? karena agar lebih rapih dalam struktur folder, jika app sudah berjalan, kodinganya akan semakin banyak dan nanti tercampur-campur akhirnya sulit dibaca, oleh karena itu kita akan memisahkan javascript dan html nya sendiri-sendiri.
Jadi udah siap-siap aja gitu nanti kalau buat aplikasi sungguhan, karena ditutoria di episode terakhir biasanya, om bewok akan membuat tutorial membuat aplikasi semacam crud lah, jadi intinya dari semua yang kita pelajari, kita gabungkan untuk menghasilkan aplikasi sederhana lah.
Jadi ketika kamu belajar ini, kamu ga sia-sia, dan ternyata ada hasilnya, kalau kamu kembangkan lagi, bisa bermanfaat untuk kamu dan juga semua orang yang menggunakan aplikasi kamu. Waduh jadi memberikan kultum gini.
Mari kita mulai udah kelamaan intro nya.
const inget ya harus tetap, ga bisa berganti-ganti
Tampilan-Nya seperti dibawah ini ya Gambar 1. Tampilan berhasil menggunakan const |
Coba kalau kita ganti variabel const-Nya, pasti error, karena sudah om bewok singgung sebelumnya bahwa pasti error
Kalau kita menggunakan LET, kita bisa mengganti variabel tersebut. mari kita cobaGambar 2. Error const jika membuat variabel baru |
Gambar 3. Variabel menggunakan Let |
No comments:
Post a Comment