Variable, scope, dan hoisting

Variable adalah nama yang menunjuk ke sebuah value. Scope adalah wilayah kode di mana nama itu terlihat. Sebagian besar error "undefined is not a function" sebenarnya salah paham soal scope.

Aturannya: const dulu

• Pakai const sebagai default. Artinya nama itu tidak akan pernah menunjuk value lain.
• Pakai let hanya kalau kamu benar-benar menugaskan ulang — penghitung loop, akumulator.
• Jangan pakai var di kode baru. Aturan scope-nya berbeda dan menimbulkan bug.

Block scope

Block adalah apa pun di antara { dan } — badan function, sebuah if, sebuah loop. let dan const hanya terlihat di dalam block yang mendeklarasikannya. var mengabaikan block sepenuhnya dan merembes ke seluruh function.

Hoisting dan temporal dead zone

Sebelum menjalankan sebuah block, engine memindainya dan mencatat setiap deklarasi. Pemindaian itu disebut hoisting. Yang berbeda adalah kondisi masing-masingnya setelah itu: var dimulai sebagai undefined, sedangkan let atau const tercatat tapi tidak bisa dipakai sampai barisnya dijalankan. Celah itu disebut temporal dead zone.

Shadowing

Scope dalam boleh mendeklarasikan nama yang sudah ada di luar. Yang di dalam menutupi (shadow) yang di luar selama block itu. Sah, kadang berguna, dan sering jadi sumber pertanyaan "kok perubahan saya tidak ada efeknya?".