Cakupan blok: let & const

Apa itu cakupan blok? Bahkan sebelum itu, apa itu cakupan variabel? 

Cakupan variabel adalah area tempat variabel tersebut dapat diakses, yaitu kita hanya dapat menggunakan variabel di dalam cakupannya.

Sebelum ES6, variabel dideklarasikan dengan kata kunci var. Variabel seperti itu hanya memiliki Cakupan Global dan Cakupan Fungsi (Lokal).

Di ES6, kita dapat mendeklarasikan variabel menggunakan kata kunci let dan const, yang memiliki cakupan blok. 

Blok adalah area yang diapit sepasang kurung kurawal pembuka dan penutup, tempat kita dapat menulis kode JS, misalnya { // any code }.

{
  let x = 2;
}
// x TIDAK bisa digunakan di sini
// karena x tidak bisa diakses di luar blok di atas

Hal yang sama berlaku untuk const, karena juga memiliki cakupan blok.

Variabel yang dideklarasikan dengan const harus diinisialisasi, dan kita tidak dapat mengubah atau menetapkan nilai baru setelah inisialisasi pertama!

const pi = 3.14;
pi = 4.2 // error, penetapan nilai ke const tidak valid

Seperti yang disebutkan sebelumnya, var tidak memiliki cakupan blok, tetapi memiliki cakupan tingkat global atau fungsi.

{
  var x = 2;
}
// x BISA digunakan di sini karena x memiliki cakupan global

Beberapa poin penting: 

• Variabel yang didefinisikan dengan let / const tidak dapat dideklarasikan ulang.
• Variabel yang didefinisikan dengan let / const harus dideklarasikan sebelum digunakan.
• Variabel yang didefinisikan dengan let / const tidak dapat di-hoist.