Console.log dan Debug Awal JavaScript
Pendahuluan
Saat belajar JavaScript, kamu pasti pernah bertanya:
“Kenapa kodenya tidak jalan, padahal tidak ada error?”
Di sinilah console.log dan teknik debug awal menjadi senjata utama seorang programmer. Hampir semua developer JavaScript — dari pemula sampai profesional — menggunakan console.log() setiap hari.
Pada artikel ini, kamu akan belajar:
- Apa itu console.log
- Cara menggunakannya
- Fungsi console lain yang berguna
- Cara debug error JavaScript paling dasar
Apa Itu console.log?
console.log() adalah perintah JavaScript untuk menampilkan informasi ke Console browser.
Console biasanya digunakan untuk:
- Melihat nilai variabel
- Mengecek alur program
- Mencari kesalahan (bug)
- Memahami proses eksekusi kode
Console tidak tampil di halaman web, tapi muncul di Developer Tools browser.
Cara Membuka Console Browser
Gunakan shortcut berikut:
Chrome / Edge pakai Ctrl + Shift + I → Tab Console
Firefox pakai Ctrl + Shift + K
Mac pakai Cmd + Option + I
Contoh Dasar Console.log
JavaScript
console.log("Halo Dunia!");
JavaScript
Halo Dunia!
Menampilkan Nilai Variabel
JavaScript
let nama = "BlokCilik";
let umur = 10;
console.log(nama);
console.log(umur);
BlokCilik
10
👉 Ini sangat berguna untuk memastikan isi variabel sudah benar atau belum.
Debug Sederhana Menggunakan console.log
Contoh kode bermasalah:
JavaScript
let hasil = 10 + x;
console.log(hasil);
Error:
ReferenceError: x is not defined
Dengan console, kamu langsung tahu:
- Variabel x belum dideklarasikan
- Lokasi error ditampilkan jelas
Menampilkan Banyak Data Sekaligus
JavaScript
let a = 5;
let b = 10;
console.log("Nilai a:", a, "Nilai b:", b);
Nilai a: 5 Nilai b: 10
Jenis Console Lain yang Berguna
Selain console.log, JavaScript punya beberapa console penting:
console.error()
Menampilkan pesan error:
JavaScript
console.error("Terjadi kesalahan!");
console.warn()
Menampilkan peringatan:
JavaScript
console.warn("Ini hanya peringatan");
console.info()
Menampilkan informasi:
JavaScript
console.info("Informasi program");
Debug Alur Program
Gunakan console.log untuk mengecek apakah kode dijalankan atau tidak.
JavaScript
console.log("Program dimulai");
let angka = 5;
if (angka > 3) {
console.log("Angka lebih besar dari 3");
}
console.log("Program selesai");
Dengan cara ini, kamu bisa:
- Mengetahui kode berhenti di bagian mana
- Melihat logika berjalan sesuai rencana atau tidak
Kesalahan Umum Pemula
- ❌ Mengira console.log tampil di halaman web
- ❌ Lupa membuka tab Console
- ❌ Tidak menghapus console.log setelah selesai debug
👉 Pada project besar, console berlebihan bisa membuat kode berantakan.
Kapan Harus Menggunakan console.log?
Gunakan saat:
- Belajar JavaScript
- Mengecek nilai variabel
- Mencari bug
- Memahami alur kode
Kurangi penggunaan saat:
- Website sudah production
- Kode siap dipublikasikan
Kesimpulan
console.log adalah alat debug paling dasar dan paling penting dalam JavaScript.
Tanpa console, kamu akan kesulitan memahami apa yang terjadi di balik layar.
💡 Ingat:
Kalau kodenya error, jangan panik — buka console!