Mengenal Var, Let, Const ES 6 JavaScript
Kali ini kita akan sama-sama belajar mengenal javascript es6, yang perlu diketahui kalau ES6 atau ada juga yang mengenal dengan nama ECMAScript2015 adalah 2 hal yang sama.
Lalu apa sih itu ES6, ES6 adalah singkatan dari ECMAScript versi 6 yang di release pada tahun 2015. Jadi apa itu ECMAScript, ECMAScript merupakan standarisasi pada scripting language ya tentu ECMAScript di implementasikan pada javascript ya, yang di bangun oleh European Computer Manufacturers Association (ECMA).
Kali ini kita akan bahas mengenai variable dahulu ya.
Variable
JavaScript kita tidak perlu mendeklarasikan variable dengan tipe data. Sebagai contoh jika kalian pernah menggunakan java kita kalau membuat variable harus ada tipe datanya, contohnya String name = "Debb",kalau pada Js kita cukup dengan let name = "Debb" , penggunaan var, let, const, nanti kita bahasnya.
variable name tidak hanya dapat menampung data yang bertipe string saja, kita bisa masukkan secara bebas pada variable name mau int, object, array, boolean, fitur ini menjadi keunggulan sekaligus menjadi masalah kalau project yang dibangun sudah besar, itulah salah satu alasan lahirlah typescript (mungkin nanti kita bahas juga).
Untuk mendeklarasikan variable pada js ada 3 cara pertama dengan var, let, dan const. let dan var memiliki fungsi yang sama yaitu ketika variable yang kita deklarasikan ingin kita ubah ubah kita menggunakan let atau var, sedangkan const ini sifatnya hanya dapat di tulis 1 kali yaitu saat kita mendeklarasikannya. Lalu kalau let dan var sama kenapa ada 2 jenis ?
Walaupun let dan var memiliki sifat yang sama, tapi mereka juga punya perbedaan, pertama let, dan const hanya dapat di akses hanya jika dalam satu blockscope ({}) yang sama, kalau var hanya dapat diakses dari dalam maupun luar block ({}) kecuali di luar function. Saya kasih contoh agar kita dapat melihat secara jelas perbedaan anatara let, var, dan const.
Coba perhatikan contoh, coba kalian tebak ada variable apa aja dari contoh koding di atas ? yap kalau kalian menjawab name1, dan letInBlockScope, kamu benar.
Perhatikan lagi variable name1 = "Bby" di dalam blockscope "if" kita mencoba merubah name1 menjadi "Debb". Masih di dalam "if" kita coba akses name1 hasilnya "Debb", dan sekarang coba kita akses name1diluar "if" yang kita dapatkan "Bby", kenapa begitu karna inilah sifat dari let.
Coba kita perhatikan lagi variable letInBlockScope = "Hello", kita bisa akses di dalam "if" yang hasilnya "Hello", tapi kalau kita mencoba akses letInBlockScopedi luar "if" kita mendapati error kalau letInBlockScope is not defined, dari contoh ini kita sudah membuktikan bahwa let hanya dapat diakses jika di dalam satu blockscope yang sama, dalam contoh ini blockscopenya "if" , apakah paham ? 😀
Selanjutnya kita bahas mengenai penggunaan var, variable yang kita gunakan ada name2, dan varInBlockScope.
Pada blockscope "if"kita kembali mencoba merubah name2 menjadi Debb dan kita membuat variable baru dengan nama varInBlockScope, kita coba akses dan hasilnya seperti yang kalian duga tidak ada yang salah, sekarang kita cek di luar block scope "if", hasilnya name2 berubah menjadi Debb, dan varInBlockScope bisa kita akses di luar blockscope "if", inilah sifat dari var kita berhasil membuktikan bahwa var dapat kita akses di luar blockscope nya.
Kali ini sama kita bahas tentang var lagi tapi yang membedakannya kita bungkus blockscope "if" dengan menggunakan function intro, didalam function intro saya rasa tidak perlu saya jelaskan lagi karna sama dengan pembahasan var kita sebelumnya.
kali ini saya mau memberikan bukti bahwa variable var tidak dapat kita akses kalau di luar function, pertama pada line 15 kita panggil function intro dengan intro(), saat kita akses name3dan varInBlocScopekita mendapati error yang sama yaitu is not defined, yang artinya kalau variable var tidak dapat kita akses lagi kalau sudah di luar function atau di function yang berbeda.
Sifat const dan let sama, jadi saya hanya memberikan contoh kalau variable dengan const tidak dapat kita ubah lagi nilai nya.
Oke, sampai disini dulu mudah mudahan kalian paham dengan apa yang ingin saya sampaikan, nanti kita lanjut lagi sama dengan kita akan bahas tentang arrow function pada javascript ES6.
