lifestyle people – Pernahkah kamu merasa bingung saat menulis kode JavaScript dan tiba-tiba muncul error yang sulit dilacak? Atau mungkin kamu melihat kode lama yang masih memakai var di mana-mana, lalu bertanya-tanya kenapa sekarang orang-orang lebih sering pakai let? Topik let vs var ini memang sering bikin kepala pusing di awal, apalagi kalau kamu baru mulai belajar atau sedang memperbaiki proyek yang sudah berjalan. Tapi tenang, setelah kamu paham bedanya, kode kamu bakal terasa jauh lebih terkontrol dan mudah dibaca.
Banyak yang mengira ketiganya cuma soal gaya penulisan saja. Padahal, perbedaan const, let, dan var benar-benar memengaruhi cara variabel bekerja di dalam kode. Dari sisi ruang lingkup hingga bagaimana mereka “naik” ke atas saat kode dijalankan, semuanya punya aturan sendiri. Kalau kamu pernah mengalami variabel yang tiba-tiba berubah nilai tanpa kamu sadari, kemungkinan besar itu ada hubungannya dengan cara deklarasi yang dipilih.
Nah, di artikel ini kita akan bahas tuntas perbedaan itu dengan bahasa yang santai. Kamu bisa langsung membayangkan situasi nyata saat coding, bukan hanya teori kering. Siap-siap, karena setelah membaca sampai akhir, kamu bakal lebih percaya diri memilih mana yang pas untuk setiap kebutuhan di proyek kamu.
Kenapa Sih Memahami Perbedaan Ini Bisa Bikin Hidup Coding Kamu Lebih Tenang?
Kenapa memahami perbedaan ini penting banget? Bayangkan kamu lagi mengerjakan proyek bersama tim. Kalau semua orang bebas memakai var tanpa aturan, kode bisa jadi sulit diprediksi. Variabel yang seharusnya hanya hidup di dalam satu blok tiba-tiba bisa diakses dari luar, atau bahkan tertimpa nilainya tanpa peringatan. Di sinilah let dan const datang sebagai penyelamat. Mereka membantu kamu membuat batas yang jelas, sehingga kesalahan kecil tidak merembet ke seluruh aplikasi.
Selain itu, kebiasaan memilih deklarasi yang tepat juga membuat kode lebih mudah dirawat di kemudian hari. Ketika kamu kembali membuka file yang sudah lama tidak disentuh, kamu langsung tahu variabel mana yang boleh diubah dan mana yang harus tetap. Ini menghemat waktu debugging yang biasanya menguras energi. Banyak developer yang akhirnya merasa lebih tenang setelah konsisten memakai let dan const, karena mereka tahu ruang lingkup setiap variabel sudah terkontrol.
Lalu, apa manfaat praktisnya di kehidupan sehari-hari coding? Pertama, kamu mengurangi risiko bug yang muncul karena hoisting. Kedua, kode menjadi lebih mudah dibaca oleh orang lain atau bahkan oleh diri sendiri di masa depan. Ketiga, kamu lebih siap menghadapi standar modern JavaScript yang semakin ketat. Lifestyle People sering menyarankan untuk mulai membiasakan diri dengan let dan const sejak awal, supaya tidak perlu memperbaiki kebiasaan buruk di kemudian hari. Rasanya enak banget kalau kamu bisa membuka kode lama dan langsung paham niat di baliknya hanya dari cara variabel dideklarasikan.
Sebenarnya Gimana Sih Cara Kerja Var, Let, dan Const di Dunia Nyata?
Sekarang mari kita lihat lebih dekat bagaimana ketiganya bekerja. Dimulai dari var, yang sudah ada sejak JavaScript pertama kali muncul. Var memiliki sifat function scope. Artinya, kalau kamu mendeklarasikan variabel dengan var di dalam sebuah fungsi, variabel itu bisa diakses di mana saja di dalam fungsi tersebut, bahkan sebelum baris deklarasinya. Ini yang disebut hoisting. Tapi hati-hati, karena nilai awalnya akan menjadi undefined sampai baris deklarasi benar-benar dijalankan.
Coba bayangkan kamu menulis kode di dalam sebuah fungsi. Kamu memakai var di tengah-tengah, lalu mencoba mengaksesnya di baris sebelumnya. Kode tetap jalan, tapi nilainya undefined. Ini sering bikin bingung, terutama kalau kamu lupa urutan penulisan. Di luar fungsi, var bersifat global, yang artinya bisa diakses dari mana saja di file yang sama. Terdengar praktis, tapi justru di sinilah masalahnya. Variabel global yang terlalu banyak mudah tertimpa tanpa sengaja, apalagi kalau proyeknya sudah besar dan banyak orang yang ikut menyentuh.
Let Lebih Ketat, Tapi Justru Itu yang Bikin Aman!
Berbeda dengan let. Let hadir di ES6 dan membawa perubahan besar. Let memiliki block scope. Artinya, variabel yang dideklarasikan dengan let hanya hidup di dalam blok tempat ia ditulis, biasanya di dalam kurung kurawal {}. Kalau kamu mencoba mengaksesnya di luar blok, langsung error. Ini bagus banget karena membatasi ruang gerak variabel hanya di tempat yang memang dibutuhkan.
Selain itu, let tidak di-hoist dengan cara yang sama seperti var. Kalau kamu mencoba mengakses let sebelum deklarasi, kamu akan mendapat ReferenceError. Ini disebut Temporal Dead Zone. Awalnya terasa ketat, tapi justru membantu kamu menulis kode yang lebih rapi dan terhindar dari kesalahan urutan. Banyak yang merasa lega setelah beralih ke let karena error muncul lebih awal, bukan tersembunyi di belakang dan baru muncul saat aplikasi sudah jalan di production.
Const: Si Paling Konsisten yang Nggak Mau Diubah Sembarangan!
Lalu ada const. Const juga block scope seperti let, tapi dengan satu perbedaan penting: nilainya tidak boleh diubah setelah dideklarasikan. Kamu wajib memberikan nilai saat deklarasi, dan setelah itu tidak bisa di-reassign. Tapi hati-hati, kalau isinya objek atau array, kamu masih bisa mengubah isi di dalamnya. Yang tidak boleh diubah hanyalah referensinya. Jadi const bukan berarti objeknya jadi beku total, hanya alamatnya yang dikunci.
Banyak orang awalnya mengira const cuma buat angka atau string yang benar-benar tetap. Padahal di praktik sehari-hari, const justru sering dipakai untuk objek konfigurasi, hasil query, atau referensi ke elemen DOM yang tidak ingin diganti ke objek lain. Setelah terbiasa, kamu akan merasa aneh kalau masih melihat variabel yang seharusnya tetap tapi masih ditulis dengan let atau var.
Kapan Harus Pakai yang Mana? Yuk Coba Bayangkan Situasinya!
Jadi kapan sebaiknya kamu memakai masing-masing? Kalau kamu butuh variabel yang nilainya tetap sepanjang waktu, const adalah pilihan utama. Contohnya konfigurasi, nilai tetap, atau referensi ke objek yang tidak ingin diganti. Kalau nilainya perlu berubah, misalnya counter atau status yang dinamis, pakai let. Sementara var sebaiknya dihindari di kode baru, kecuali kamu sedang mengerjakan kode lama yang memang sudah memakai var di mana-mana.
Sekarang coba bayangkan situasi nyata. Kamu sedang membuat loop sederhana. Kalau memakai var di dalam for loop, variabel counter-nya akan “bocor” ke luar loop. Ini bisa bikin hasil tidak terduga kalau ada fungsi di dalam loop yang mengakses counter tersebut. Dengan let, setiap iterasi punya ruang lingkup sendiri, sehingga masalah itu hilang. Banyak yang baru sadar setelah mengalami bug aneh di loop, lalu baru mengerti kenapa let lebih aman.
Bagaimana dengan kombinasi keduanya? Kamu bisa bebas mencampur let dan const dalam satu file. Bahkan disarankan. Mulai dengan const dulu. Kalau ternyata nilai perlu diubah, baru ganti ke let. Pendekatan ini membantu kamu berpikir lebih dulu sebelum memutuskan apakah sebuah variabel boleh berubah atau tidak. Hasilnya, kode jadi lebih ekspresif. Orang yang membaca langsung paham niat kamu hanya dari cara deklarasinya. Lifestyle People sering bilang kebiasaan kecil seperti ini justru yang paling terasa manfaatnya dalam jangka panjang.
Ada Hal yang Harus Kamu Hindari Biar Nggak Kena Masalah Nanti!
Ada beberapa hal yang perlu kamu perhatikan supaya tidak salah langkah. Pertama, jangan terburu-buru mengubah semua var menjadi let atau const di proyek lama tanpa memeriksa dampaknya. Kadang ada ketergantungan yang tidak terlihat, terutama di kode yang sudah berumur beberapa tahun. Kedua, ingat bahwa const tidak membuat objek menjadi immutable sepenuhnya. Kalau kamu butuh objek yang benar-benar tidak bisa diubah, kamu perlu pendekatan tambahan seperti Object.freeze.
Ketiga, biasakan menuliskan const atau let di setiap deklarasi, jangan mengandalkan deklarasi implisit yang bisa menimbulkan variabel global tanpa sengaja. Satu lagi catatan penting: di mode strict, beberapa perilaku var yang longgar akan lebih ketat. Tapi tetap saja, beralih ke let dan const tetap lebih aman. Banyak komunitas developer yang sudah lama meninggalkan var untuk kode baru. Mereka merasa kode jadi lebih mudah dipahami dan lebih sedikit kejutan di tengah jalan.
Kalau kamu sedang belajar, coba praktik langsung. Buat beberapa contoh kecil. Deklarasikan variabel dengan var di dalam fungsi, lalu coba akses di luar. Lakukan hal yang sama dengan let dan const. Rasakan sendiri perbedaannya. Pengalaman langsung biasanya lebih cepat menempel di kepala daripada hanya membaca teori. Setelah mencoba, kamu mungkin mulai melihat pola. Di sebagian besar kasus modern, const muncul lebih sering daripada let. Itu normal, karena banyak nilai yang memang tidak perlu diubah. Let dipakai saat benar-benar ada kebutuhan dinamis. Sementara var semakin jarang terlihat di kode yang ditulis setelah tahun 2015.
Sudah Siap Coba di Proyek Kamu Sendiri?
Setelah memahami perbedaan const, let, dan var, kamu bisa mulai menerapkan di proyek sehari-hari. Mulai dari file kecil dulu. Perhatikan bagaimana ruang lingkup bekerja. Lihat apakah kode terasa lebih aman. Seiring waktu, kebiasaan ini akan menjadi otomatis. Kamu tidak perlu lagi berpikir terlalu lama setiap kali mengetik deklarasi.
Yang paling menyenangkan adalah saat kamu membuka kode lama milik orang lain yang masih penuh var, lalu kamu bisa langsung melihat di mana potensi masalahnya. Atau sebaliknya, saat kamu menulis kode baru dan merasa tenang karena setiap variabel sudah punya batas yang jelas. Itu perasaan yang sulit digambarkan, tapi sangat memuaskan. Banyak yang bilang setelah konsisten memakai let dan const, debugging jadi jauh lebih cepat karena ruang lingkup sudah jelas dari awal.
Jadi, intinya cukup sederhana. Pahami dulu ruang lingkup dan sifat masing-masing. Lalu pilih sesuai kebutuhan. Jangan takut bereksperimen di environment yang aman. Semakin sering kamu mempraktikkan, semakin natural pilihannya nanti. Kamu akan terbiasa langsung memilih const dulu, lalu baru pindah ke let kalau memang dibutuhkan. Kebiasaan kecil ini lambat laun membuat kode kamu terasa lebih profesional dan mudah dirawat.
Kalau kamu sudah mencoba mengganti var dengan let atau const di salah satu proyek, bagaimana rasanya? Ada perubahan yang terasa langsung atau masih ada yang membingungkan? Tulis pengalaman atau pendapat kamu di kolom komentar. Kita bisa saling bertukar cerita dan tip yang berguna. Siapa tahu ada temuan menarik yang belum sempat dibahas di sini.
Jangan ragu juga untuk bertanya kalau ada bagian yang masih terasa kurang jelas. Diskusi seperti ini sering membuka sudut pandang baru. Yuk, bagikan cerita coding kamu! Setiap pengalaman berbeda dan justru dari situ kita bisa saling belajar.
Baca juga:
